首页 > 编程知识 正文

对html语义化的理解,标签选择器

时间:2023-05-06 10:09:28 阅读:8867 作者:4792

1 )语义化标签是什么?

语义化标签的目的是使标签具有独特的意义

语义化

非语义化

正如上面的代码所示,p标签的含义是段落,span标签没有意义。

2 )语义化标签的优势

用户容易阅读,页面更清晰。

更好的SEO,搜索引擎根据标签决定上下文和各个关键字的权重。

有助于开发维护。

3 )页面结构化标签

1、

定义文档或文档部分区域的标题必须用作介绍内容或导航链接栏的容器。

请注意,可以在单个文档中定义多个元素,但元素不能用作

、或元素的子元素。 2,

描述包含多个超链接的区域。 此区域包含跳转到其他页面或页面中其他部分的链接列表。

可以在一个文档中定义多个元素。

3、

定义文档的主要内容。 此内容在文档中必须是唯一的,并且不包含文档中重复的内容,如侧面栏、导航栏链接、版权信息、网站徽标和搜索框(搜索框是文档的主要内容)

必须注意的是,一个文档不能显示多个标记。

4,

元素表示文档、页面、APP应用程序或网站中的独立结构,是独立分配和可重用的结构。 例如,发布可以是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互组件或其他独立的内容项目。

如果元素是嵌套使用的,则该元素表示与外部元素相关的文章。 例如,表示博客评论的元素可以嵌套在表示博客帖子的元素中。

5、

元素表示与其馀页面内容几乎无关的部分,它独立于部分内容,并且可以在不影响整体的情况下单独拆分。 通常表现为侧栏或嵌入内容。

6、

定义最后一章的内容或根节点元素的页脚。 页脚通常包含章节的作者、版权数据或与文档相关的链接等信息。

使用footer插入联系人信息时,请在footer元素内使用

元素。 注意不能含有或

7、

表示文档中的区域(或部分)。 例如,内容中的专题组。

4 )一般语义化标签

:页面主题内容: h1~h6级标题。 用于创建页面信息的级别关系。

:展示小号效应,指定细则,输入免责声明、评论、签名、版权。

:展示内容的重要性

:标记内容有重点

:突出显示文本(yellow ),提醒读者注意。

:创建图

: figure的标题必须是figure中嵌入的第一个或最后一个元素

书名、歌曲、电影、等名称,引用或参考音乐会、音乐会、规范、报纸、法律文件等。

:引用文本,默认情况下显示新行

:标记时间。 datetime属性符合特定格式,如果忽略此属性,则文本内容必须是有效的日期或时间格式。

:完成作者、相关人员或组织的联系信息(链接到电子邮件地址、联系信息页面)的进度

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。