HTML5中的新元素介绍

2016-02-19 12:46 5 1 收藏

给自己一点时间接受自己,爱自己，趁着下午茶的时间来学习图老师推荐的HTML5中的新元素介绍，过去的都会过去，迎接崭新的开始，释放更美好的自己。

【 tulaoshi.com - Web开发】

超文本标记语言（HTML）5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。
结构元素
由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素，专门用来标识这些常见的结构：ection：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西 header：页面上显示的页眉；与 head 元素不一样 footer：页脚；可以显示电子邮件中的签名 nav：指向其他页面的一组链接 article：blog、杂志、文章汇编等中的一篇文章
语义性的块元素
除了结构性元素之外，HTML 5 还增加了一些纯语义性的块级元素：aside：代表说明、提示、边栏、引用、附加注释等，也就是叙述主线之外的内容 figure：一个块级图像，还可以包含说明 dialog：表示几个人之间的对话对于

来源:http://www.tulaoshi.com/n/20160219/1601859.html

上一篇： html5 标签
下一篇： win10电脑如何修改cortana中的个人信息

看过《HTML5中的新元素介绍》的人还看了以下文章更多>>

HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注

标签： Web开发

在HTML5增强的元素中，最值得关注的就是表单元素。在HTML5中，表单已经做了重大的修整，一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现。在开始讨论之前，需要注意一点：在HTML5中，表单控件是可以处于其所属的一个或多个表单的外部的。所以，表单控件像fieldset，label，input这些都加入了form属性，用于标识表单控件...

html5 桌面提醒：Notifycations应用介绍

标签： Web开发

HTML5中的桌面提醒（web notifications）可以在当前页面窗口弹出一个消息框，这个消息框是跨 Tab 窗口的，这在用户打开多个 tab 浏览网页时，提醒比较方便，容易让用户看到。目前只要是 webkit 内核支持该功能。该功能在 chrome 下需要以 http 方式打开网页才能启用。桌面提醒功能由 window.webkitNotifications 对象实现（webkit内核）。 ...

基于HTML5 FileSystem API的使用介绍

标签： Web开发

HTML5的强大之一就是允许web程序申请一些临时或者永久的空间（Quota）在这里可以进行数据的存储甚至文件的操作。 FileSystem提供了文件夹和文件的创建、移动、删除等操作，大大方便了数据的本地处理，而且所有的数据都是在沙盒(sandboxed)中，不同的web程序不能互相访问，这就保证了数据的完整和安全。在CatWrite项目中，运用了HTML5的...

html5 标签

标签： Web开发

W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。通过制...

html5 svg 中元素点击事件添加方法

标签： Web开发

最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，他们之间详细的区别如下： Canvas 与 SVG 的比较（详见）下表列出了 canvas 与 SVG 之间的一些不同之处。 Canvas •依赖分辨率 •不支持事件处理器 •弱的文本渲染能力 •能够以 .png 或 .jpg 格式保存结果图像 •...

查看更多精彩>>