html5分类标签库，html5各种标签的应用方法

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

介绍几个常用的HTML5标签

DIV 这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义，用作布局以及样式化标签。 Section 与div相似，但它有更进一步的语义。 section用作一段有专题性的内容，一般在它里面会带有标题。

progress代表进度条，表示任务过程，属性有max（任务总量）\value。datalist为Input标记定义一个下拉列表，配合option标签。其他 details创建一个挂件，仅在被切换成展开状态时，它才会显示内含的信息。

. address标签：代表区块容器，必须是作为联系信息出现，邮编地址、邮件地址等等，一般出现在footer。

header 标签定义文档的页面组合，通常是一些引导和导航信息。footer 标签定义 section 或 document 的页脚。nav 标签定义显示导航链接 time 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。

1、article 标签定义独立的内容。aside aside 标签定义页面主区域内容之外的内容（比如侧边栏）。

2、当我们提到“语义标记”的时候，我们所说的HTML应该是完全脱离表现信息的，其中的标签应该都是语义化地定义了文档的结构。

3、在HTML5中新增了很多语义标签概念，使HTMl文档根据页面内容结构选择语义标签，是页面结构内容格式化。它有利于清楚的描述HTML文档的意义给浏览器和开发者。

为了让网页更加美观，可以通过html5标签和CSS来实现一些样式效果。html5有着优秀的本地存储能力。

aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其它类似的有别与主要内容的部分。

aside 字面就是侧边栏，跟内容相关的一些引用、内容。这些元素表现形式都是行内，使用的时候要显示声明为block。

aside为语义化标签，通常用来描述与文档主体内容不相关的内容。比如，博客文章用atricle标签，而博客旁边的文章信息栏(作者头像、博文分类、作者等级等于博客正文内容无关的)用aside。

article 标签定义独立的内容。aside aside 标签定义页面主区域内容之外的内容（比如侧边栏）。

1、网站导航条一般是使用标签和标签，在HTML5中新增标签，使用方法是在原来导航条最外侧增加。标签是语义标签，对布局中的样式没有任何影响，只是告诉搜索引擎和浏览器引擎这是导航区域。

2、H3标签使用 H3标签可以用来作为网站底部导航或者用来作为网站分类导航。其实一个网页关键的部分就是TITLE，LOGO，栏目导航，文章标题，网站底部导航。所以我们用H1，H2，H3，分别将他们合理包围。是网页内容权重清晰。

3、）、网站导航合理利用H2-H3标签除了特殊的SEO单页优化，会出现多个H1标签，一般正常的网站每个独立页面基本上只包含1个独立H1，所以在导航条设计的时候，你需要合理的分配标签H2-H3，给相应的栏目，从而提高重视度。

4、标签u就是下划线标签，就是把文本加下划线的样式展现给用户来看。在页面中，文本链接默认样式带有下划线，所以尽量避免为纯文本下加下划线，这样会让用户认为是超链接。seo人员要合理的运用标签，这样才对网站的优化有所帮助。

5、从网站优化的角度来说，使用ul li布局网站导航条对搜索引擎蜘蛛更加友好，也是影响搜索引擎排名的因素之一。ul的定义和用法标签定义无序列表。li的定义和用法标签定义列表项目。

1、Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库。通过这个库我们可以检测不同的浏览器对于HTML5特性的支持情况。

2、Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。

3、最后介绍一个开源JS类库：Modernizr(http：//)，这就是用来封装检测HTML5和CSS3功能支持的。一定要使用最新的版本。有了这个类库，将减少我们很多的代码。

关于html5分类标签库和html5各种标签的应用方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。