html5新增的语义标签及作用,html常见语义标签

　　在HTML5标准中，增加了几个新的标签来增加页面语义，比如文章、章节、导航和旁白。与大多数其他标签不同的是，浏览器在解释和渲染这些标签时，只将它们视为普通的div块级元素，没有添加任何额外的呈现逻辑；也就是说，这些标签仅用于添加语义。对于Web开发者来说，使用这些标签的实际意义主要包括两点：搜索引擎优化，增加页面的可访问性。

　　在元素分类上，文章、小节、导航和旁白称为“分节内容”

　　article

　　Article元素可以用来表示页面上具有一定独立性的一段内容。该内容可以是文章、论坛上的帖子/评论、博客、交互控件等。文章标签可以嵌套，这样做时，子文章元素必须与父文章元素逻辑相关。例如，Web开发人员可以将博客的正文和评论作为父article元素，并将每个评论作为子article元素。

　　主元素不能出现在article元素中——主元素是指页面的主要内容。当有主元素时，article元素作为主元素的子元素存在。

　　section

　　节是指页面或Web应用的一部分，不同节的主题或基调应该是互不相同的。通常，这个主题/基调是通过在section元素中放置heading元素(h1-h6)来定义的。

　　将section用作div是错误的——section的子元素不应该承担任何其他角色(样式、行为、辅助标签等)。)除了页面能显示的。

　　nav

　　nav元素主要用于包含页面上的导航链接，因此在nav元素中直接包含ul元素或ol元素是非常常见的做法。但是，nav可能不包含ul或ol元素。例如，nav元素可能包含一个文章段落(P标签)和文章段落中的一些链接(A标签)。

　　与article元素一样，main元素不能出现在nav元素中。

　　aside

　　side元素一般用于表示页面上的侧边栏，但它只在语义上表示“侧边栏”，浏览器在解析和呈现标签时只会将其视为普通的div块级元素。如果真的想获得侧边栏的效果，Web开发者需要自己编写CSS来实现。

　　以上对HTML5语义标签的介绍就是边肖分享的全部内容。希望能给你一个参考和支持。

　　原地址：www.cnblogs.com/krolong/archive/2016/07/07/5648710.html 3358号

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。