HTML5中的新元素介绍


Posted in HTML / CSS onOctober 17, 2008

超文本标记语言(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:表示几个人之间的对话对于

HTML / CSS 相关文章推荐
CSS3 制作旋转的大风车(充满童年回忆)
Jan 30 HTML / CSS
css3动画效果小结(推荐)
Jul 25 HTML / CSS
HTML5等待加载动画效果
Jul 27 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
Jul 17 HTML / CSS
html5 Canvas画图教程(1)—画图的基本常识
Jan 09 HTML / CSS
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
Jan 31 HTML / CSS
使用HTML5做个画图板的方法介绍
May 03 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
Jul 11 HTML / CSS
详解HTML5中download属性的应用
Aug 06 HTML / CSS
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
Dec 14 HTML / CSS
一个基于canvas的移动端图片编辑器的实现
Oct 28 HTML / CSS
深入理解margin塌陷和margin合并的解决方案
Jun 26 HTML / CSS
自定义html标记替换html5新增元素
Oct 17 #HTML / CSS
HTML5的结构和语义(1):前言
Oct 17 #HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
Oct 17 #HTML / CSS
HTML5的结构和语义(2):结构
Oct 17 #HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
Oct 17 #HTML / CSS
HTML5中语义化 b 和 i 标签
Oct 17 #HTML / CSS
HTML5的结构和语义(5):内嵌媒体
Oct 17 #HTML / CSS
You might like
PHP的Socket网络编程入门指引
2015/08/11 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
PHP基于PDO扩展操作mysql数据库示例
2018/12/24 PHP
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
nodejs更新package.json中的dependencies依赖到最新版本的方法
2018/10/10 NodeJs
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
python3制作捧腹网段子页爬虫
2017/02/12 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
python矩阵的转置和逆转实例
2018/12/12 Python
Python图像处理之图像的读取、显示与保存操作【测试可用】
2019/01/04 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
上海天奕面试题笔试题
2015/04/19 面试题
yy生日主持词
2014/03/20 职场文书
yy司仪主持词
2014/03/22 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
董事长致辞
2015/07/29 职场文书
优质护理服务心得体会
2016/01/22 职场文书