html5新增结构元素

1.article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。除了内容外,一个article元素还有它自己的标题(一般放在header里),有时还有自己的脚注。

2.section元素用于对网站或应用程序上的内容进行分块。一个section元素通常是由标题和内容组成的,但section元素并不是一个普通的容器元素,当一个容器需要被直接定义样式或通过脚本行为时,推荐使用div而不是section.因此我们可以这样理解,section元素中的内容可以直接存储到数据库中或输出到word文档中

3.nav元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或本面中的其他部分。

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

5.time元素与微格式

首先了解下什么是微格式?

微格式就是利用html的class属性来对网页添加附加信息的方法,附加信息例如新闻事件发生的日期与时间,个人电话号码,企业邮箱等。

6.pubdate 是一个可选的,boolean值的属性,它可以用到article元素中的time上,意思是time元素代表了文章(article元素的内容)或整个网页的发布日期

时间: 2024-11-09 02:42:54

html5新增结构元素的相关文章

1.HTML5新增结构元素

HTML5新增结构元素: header元素表示页面中一个内容区块或整个页面的标题. section元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分.它可以与h1.h2.h3.h4.h5./6等元素结合使用,标示文档结构. article元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章. aside元素表示article元素的内容之外的.与article元素的内容相关的辅助信息. nav元素表示页面中导航链接的部分. footer元素报时整个

HTML5 新增结构元素分为主体结构元素和非主体结构元素

做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.今天先介绍下 html5 新增的结构元素,有的经常使用到,有的用不上,虽然说它们的出现是更促进页面更有语义,更好的 seo,但其实当页面禁用样式后,它们的展现跟 div 是没撒差别,有同学可能会说,既然一样,又不影响页面的最终展现,不管是 article 还是 section 能用就好了.如果考虑实际项目的

HTML5学习笔记(三):语义化和新增结构元素

在HTML5之前,使用机器来阅读一个网页是非常困难的,我们使用不同样式的div来标记不同的内容,所以实际上机器无法得知页面的哪个部分是正文,哪个部分是标题,那么在HTML5里,针对这个问题就引入了语义化的概念,同时提供了新的标签来指定对应的内容类型. 语义化的好处 语义化的html只用来搭建网页的结构,去掉css后,网页结构不会变: 屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页: 搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重: 你的页面是否对爬虫容易理解非常重要,因

谈谈html5新增的元素及其他功能

相信大家一开始学习web时看到html5就自然想到html,就算也没学过html,就好像听闻过小米2s就自然也熟悉小米3红米.不管是技术还是产品都是站在前辈的肩膀上发展起来的,正因此若是熟悉html,对于html5的学习就相当于在html这个容器里继续扔新的东西进去,哈哈哈,好像废话多了. 目前,web已经悄然引来html5的时代了,下面揭晓html5成功背后的面纱. 1.首先,html5语法发生了什么变化?! 1.1内容类型(祖宗不变) 扩展名:.html或htm 文件类型:text/html

HTML5的结构元素

元素名描述 header 标题头部区域的内容(用于页面或页面中的一块区域) footer 标记脚步区域的内容(用于整个页面或页面的一块区域) section web页面中的一块独立的区域 article 独立的文章内容 aside 相关内容或应用 (常用于侧边栏) nav 导航类辅助内容 div 分区标签 原文地址:https://www.cnblogs.com/aryl/p/11831144.html

web前端学习之HTML5新增页面元素

mark 标记与time 标记 记号mark 标记用来定义带有记号的文本.在需要突出显示文本时可以使用mark 标记.此标记对关键字做高亮处理(黄底色标注),突出显示,标注重点,在搜索方面可以应用. 时间time 标记用来定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的.该标记能够以机器可读的方式对日期和时间进行编码.该标记不会在任何浏览器中呈现任何特殊效果. 基本语法 <mark>重点标注的内容</mark> <time>9:00</time>

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老

浅谈HTML5之二:新增的元素和废除的元素

新增结构元素: section元素 section元素定义文档或应用程序中的一个区段,比如章节.页眉.页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6元素结合起来使用,标示文档结构. HTML5中代码示例:<section>…</section> HTML4中代码示例:<div>…</div> article元素 article元素表示文档中的一块独立的内容,譬如博客中的一篇文章或报纸中的一篇文章. HTML5中代码示例:<artic

HTML5之新增的元素和废除的元素 (声明:内容节选自《HTML 5从入门到精通》)

新增结构元素: section元素 section元素定义文档或应用程序中的一个区段,比如章节.页眉.页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6元素结合起来使用,标示文档结构. HTML5中代码示例:<section>-</section> HTML4中代码示例:<div>-</div> article元素 article元素表示文档中的一块独立的内容,譬如博客中的一篇文章或报纸中的一篇文章. HTML5中代码示例:<artic