标签：定义 标签 语义 nav HTML5 article 页面

对于语义化标签的理解：语义化的HTML就是正确的标签做正确的事情，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。

当使用div标签时，这种本身不具备含义，只是提供结构的标签会给程序阅读者造成一定的麻烦，不阅读内容，就不知道这个标签在描写什么。而使用footer，header，nav等语义化标签会有效的解决此问题。

使用语义化标签的好处：

1.在没有CSS的情况下，页面也能呈现出很好的内容结构
2.语义化使代码更具可读性，便于团队开发和维护
3.语义化有利于用户体验（例如 title，label，alt属性的灵活运用）
4.语义化有利于SEO（和搜索引擎建立良好的沟通，有助于爬虫爬更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重）

简单来说就是，页面结构好，容易阅读和维护，有利于用户体验，和搜索引擎的沟通好。

以下是H5语义化标签的简介：

article标签：装载显示一个独立的文章内容。artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系。例如，一个博客文章，可以用article显示，然后一 些评论可以以article的形式嵌入其中。

section 标签：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

Aside标签： 用来装载非正文类的内容。例如广告，成组的链接，侧边栏等等。

header 标签定义：文档的页面组合，通常是一些引导和导航信息。

footer 标签定义： section 或 document 的页脚。

nav 标签定义：显示导航链接不是所有的成组的超级链接都需要放在nav标签里。nav标签里应该放入一些当前页面的主要导航链接。

time 标签定义：公历的时间（24 小时制）或日期，时间和时区偏移是可选的。

标签：定义,标签,语义,nav,HTML5,article,页面
来源： https://blog.csdn.net/weixin_45475924/article/details/120402908

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。