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强大的动画效果animate使用说明及浏览器兼容介绍
Jan 09 HTML / CSS
CSS3 二级导航菜单的制作的示例
Apr 02 HTML / CSS
CSS 3.0 结合video视频实现的创意开幕效果
Jun 01 HTML / CSS
css3 利用transform打造走动的2D时钟
Oct 20 HTML / CSS
CSS3实现彩色进度条动画的示例
Oct 29 HTML / CSS
HTML5 canvas基本绘图之绘制线段
Jun 27 HTML / CSS
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
Jan 06 HTML / CSS
HTML5拖拽的简单实例
May 30 HTML / CSS
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
Aug 18 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
May 28 HTML / CSS
元素水平垂直居中的方式
Mar 31 HTML / CSS
使用CSS实现音波加载效果
May 07 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 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
php+redis实现注册、删除、编辑、分页、登录、关注等功能示例
2017/02/15 PHP
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
IE8 chrome中table隔行换色解决办法
2010/07/09 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
浅析JavaScript中的同名标识符优先级
2013/12/06 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
2013/12/14 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
Jquery获取和修改img的src值的方法
2014/02/17 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
Python中decorator使用实例
2015/04/14 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
Python绘制并保存指定大小图像的方法
2019/01/10 Python
Django继承自带user表并重写的例子
2019/11/18 Python
解决jupyter运行pyqt代码内核重启的问题
2020/04/16 Python
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
青年教师培训方案
2014/02/06 职场文书
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
工商管理专业毕业生自我鉴定2014
2014/10/04 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
详解Redis主从复制实践
2021/05/19 Redis
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS