HTML5 – 2.新元素

figcaption

定义和用法

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

"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

details

定义和用法

<details> 标签用于描述文档或文档某个部分的细节。

目前只有 Chrome 和 Safari 6 支持 <details> 标签。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8     <details>
 9         <summary>HTML5CSS3.</summary>
10         <p>All pages and graphics on this web site are the property of W3School.</p>
11     </details>
12 </body>
13 </html>

只有谷歌浏览器支持

时间： 2024-10-25 03:56:28

HTML5 – 2.新元素的相关文章

浅谈html5某些新元素的用途

大家都知道html是一种前端网页语言,从出现到现在已经经历了很多的版本了,但是随着html的不断发展,现在的html5已经不再是单一的前端页面语言了,html,javascript,css不再单纯的只是页面上的语言了,现在网页的桌面程序可以和桌面插件一样配置到网页和各种移动终端之中去,伴随着html5 的出现,这一伟大进程将更进一步,下面我就谈谈html5中的一些技术. 接触过html5的人肯定都听说过canvas,这一技术是html5专属的,翻译过来也就是画布的意思,html5中的canvas

Head First HTML5 Programming笔记--chapter1 认识HTML5

升级到HTML5 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html14/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <ti

移动网页设计与开发 HTML5+CSS3+JavaScript

第1章网络平台1.1 对术语的简短说明1.2 你是谁,你需要知道些什么1.3 了解什么是HTML51.4 真正的HTML51.5 CSS3及其他1.6 浏览器支持1.7 测试,再测试,进行更多的测试总结第2章结构和语义2.1 HTML5的新元素2.2 网页易读性倡议的无障碍的富因特网应用程序组件(WAI-ARIA)2.3 语义标记的重要性2.4 微格式2.5 RDFa2.6 微数据2.7 数据属性2.8 Web组件:标记的未来?总结第3章设置响应性CSS3.1 媒体查询3.2 Java

深入剖析 HTML5

作为新一代的 HTML 标准,HTML5 不仅强化了 Web 网页的表现性能,还追加了本地数据库等 Web 应用的功能.虽然 HTML5 标准仍处于完善之中.然而,大部分新版本的浏览器已经能够支持某些 HTML5 的功能了.HTML5 标准所描述的功能非常强大,如:它提供了一些新的元素和属性,例如 <nav>(网站导航块)和 <footer> 等等,这种标签将有利于搜索引擎的索引整理.同样,也加入很多新的 JavaScript 对象和方法,使得我们可以基于更多的接口 API 开发功

解决ie下不支持html5的问题

1.html5shiv ie6~8不识别html5的新元素,可以通过使用html5shiv来解决  2.respond.js 解决ie6~8不支持媒体查询特性 <!--[if lte IE 9]> <script sr

HTML5语义元素总结

HTML5语义元素语义=意义语义元素=元素的意义什么事语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者. 无语义元素实例:div.span.无需考虑内容. 语义元素实例:form .table.img清楚地定义了它的内容. 浏览器支持 IE9+.火狐.谷歌,Safari.opera支持语义元素. HTML5新的语义元素 header.nav.section.article.aside.figcaption.figure.footer. section标签定义文档中的节或者区

HTML5语法中需要掌握的3个要点

在HTML5中,有些元素可以省略标签.具体来讲有3种情况, 不允许写结束标记的元素有 area.base.br.col.command.embed.hr.img.input.keygen.link.meta.param.source.track.wbr 不允许写结束标记的元素是指,不允许使用开始标记与结束标记将元素括起来的的形式,只允许使用""<元素/>"的形式进行书写.例如:"<br>-</br>"的写法是错误的.

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

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

让老版本IE支持HTML5

一直想入手C3和H5,但因为所开发的项目一直要求兼容IE7,IE8.而这两个浏览器并不支持html5,所以一直都在观望而未真正的投入太多精力去学习.尽管我知道h5和c3是主流. 在最近的项目开发中,偶然的一个机会,让我了解了两个js插件.而这两个组件正好解决了我的困扰.有句话讲得好:“万事俱备,只欠东风!”.说了这么多,接下来正式说说东风. html5shiv.js和respond.js.这两个JS文件让不支持H5的IE浏览器开始接受支持H5和C3. 1.html5shiv.js html5s