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实现鼠标悬停提示气泡效果
Feb 28 HTML / CSS
常用的四种CSS透明属性介绍
Apr 12 HTML / CSS
CSS3中的常用选择器使用示例整理
Jun 13 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
css3实现平移效果(transfrom:translate)的示例
Nov 13 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
Jun 06 HTML / CSS
HTML5注册页面示例代码
Mar 27 HTML / CSS
实例教程 利用html5和css3打造一款创意404页面
Oct 20 HTML / CSS
整理HTML5中支持的URL编码与字符编码
Feb 23 HTML / CSS
HTML5+CSS3:3D展示商品信息示例
Jan 03 HTML / CSS
HTML5 LocalStorage 本地存储详细概括(多图)
Aug 18 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
Nov 15 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
相对路径转化成绝对路径
2007/04/10 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
Extjs 几个方法的讨论
2010/01/28 Javascript
uploadify 3.0 详细使用说明
2012/06/18 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
jquery选择器之层级过滤选择器详解
2014/01/27 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
微信小程序 教程之引用
2016/10/18 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
JavaScript"模拟事件"的注意要点详解
2019/02/13 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
简单谈谈python中的语句和语法
2017/08/10 Python
python多进程实现进程间通信实例
2017/11/24 Python
python画出三角形外接圆和内切圆的方法
2018/01/25 Python
windows环境下tensorflow安装过程详解
2018/03/30 Python
Python中return self的用法详解
2018/07/27 Python
python获取中文字符串长度的方法
2018/11/14 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
会计毕业生自我鉴定
2013/11/04 职场文书
教师个人的自我评价分享
2014/01/02 职场文书
会议接待欢迎词
2014/01/12 职场文书
网站出售协议书范文
2014/10/10 职场文书
顶岗实习计划书
2015/01/16 职场文书
博士生专家推荐信
2015/03/25 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
tp5使用layui实现多个图片上传(带附件选择)的方法实例
2021/11/17 PHP
用Python生成会跳舞的美女
2022/01/18 Python
攻击最高的10只幽灵系神奇宝贝,坚盾剑怪排第一,第五最为可怕
2022/03/18 日漫
Zabbix对Kafka topic积压数据监控的问题(bug优化)
2022/07/07 Servers