html5中新增的语义化的标签

　　html5是html最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务（Plug-in-Based Rich Internet Application，RIA），例如：Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网络应用的标准集。

　　下面列举了一些语义化的html5标签：

1. <article>显示一个独立的文章内容

　　例如一篇完整的论坛帖子，一则网站新闻，一篇博客文章等等，一个用户评论等等。artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系。例如，一个博客文章，可以用article显示，然后一些评论可以以article的形式嵌入其中。

2.<section> 定义文档中的节（section、区段）。

　　比如章节、页眉、页脚或文档中的其他部分。必须包含有h1-h5.

3. <aside> 用来装载非正文类的内容。

　　例如广告，成组的链接，侧边栏等等。

4. <hgroup> 用于对网页或区段的标题元素（h1-h6）进行组合。

　　如下所示：

    <hgroup><h2>这是一个标题</h2><h2>这是一个标题</h2><h2>这是一个标题</h2><h2>这是一个标题</h2></hgroup>

5. <header> 定义文档的页面组合，通常是一些引导和导航信息。

6. <footer> 定义 section 或 document 的页脚。

　　在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。

7.<nav> 导航链接放在nav标签里。

　　nav标签里应该放入一些当前页面的主要导航链接。

　　例如在页脚显示一个站点的导航链接（如首页，服务信息页面，版权信息页面等等），就可以使用nav标签，当然，这不是必须的。

8. <time> 用于填写时间

9.<mark>定义带有记号的文本。请在需要突出显示文本时使用 <mark> 标签

10.<figure>规定独立的流内容（图像、图表、照片、代码等等）。

figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

11. <figcaption> 定义 figure 元素的标题（caption）。

<figure>
<figcaption>图片</figcaption>
<img src="absd.jpg" width="30" height="20" />
</figure>

12.<address></address>文档作者或者文档维护者的联系信息　　

转载于:https://www.cnblogs.com/zhuzhenwei918/p/6537972.html

html5中新增的语义化的标签相关推荐

HTML5新增的语义化标签
文章目录一.HTML5 新增语义化标签二.新增的多媒体标签 1.音频标签: 2.视频标签: 3.总结一.HTML5 新增语义化标签新增的语义化标签有下列几种: <header>:头 ...
哪一个不是html5新增的语义化标记元素,东师19春《HTML5开发基础与应用》作业考核【标准答案】...
<HTML5开发基础与应用>作业考核-0001 试卷总分:100 得分:0 一. 单选题 (共 30 道试题,共 60 分) 1.关于cookie存储机制下列说法不正确的是: A.简 ...
h5的语义化部分_Html5新增的语义化标签（部分）
2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,html5的标准规范终于制定完成.这是互联网的一次重大变革,这也许是一个时代的来临! 总结一些h5新增的语义化标签,记录下来方便自己学习 ...
HTML5中新增的音频标签是,HTML5新增的音频标签、视频标签
我们所说的H5就是我们所说的HTML5中新增的语言标准一.音频标签在HTML5当中有一个叫做audio的标签,可以直接引入一段音频资源放到我们的网页当中格式: 降级的文字说明(当音频文件不能本浏 ...
html 5 设置标签居中,Html5中新增标签与样式实现元素水平垂直居中的方法
Html5中新增标签与样式实现元素水平垂直居中的方法发布时间:2021-06-12 12:44:51 来源:亿速云阅读:71 作者:小新这篇文章将为大家详细讲解有关Html5中新增标签与样式实现 ...
HTML5中新增的元素有哪些
HTML5中新增的元素有哪些 1.新增的结构元素语义化的标签<article></article> 文章<section></section> 独立的 ...
【重构前端知识体系之HTML】讲讲对HTML5的一大特性——语义化的理解
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/cou ...
HTML5新增的标签语义标签,HTML5新增的语义化标签解析
HTML5 新增了许多语义化标签语义化好处:便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 作用 : 1.为了在没有CSS的情况下,页面也能呈现出很好地内容结构.代码结构:为 ...
下面是html5中新增的结构元素的是,HTML5的新的结构元素介绍
HTML5的新的结构元素介绍一.HTML5与HTML4的区别 1. 取消了一些过时的HTML4的标签其中包括纯粹显示效果的标记,如和 ,它们已经被 CSS完全取代. 其他取消的属性:acronym ...

html5中新增的语义化的标签

html5中新增的语义化的标签相关推荐

最新文章

热门文章