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 相关文章推荐
css背景图片的背景裁切、背景透明度、背景变换等效果运用
Dec 24 HTML / CSS
CSS3 :not()选择器实现最后一行li去除某种css样式
Oct 19 HTML / CSS
用CSS3的box-reflect来制作倒影效果
Nov 15 HTML / CSS
基于第一个PhoneGap(cordova)的应用详解
May 03 HTML / CSS
探索HTML5本地存储功能运用技巧
Mar 02 HTML / CSS
深入解析HTML5 Canvas控制图形矩阵变换的方法
Mar 24 HTML / CSS
HTML5拖拽的简单实例
May 30 HTML / CSS
canvas离屏技术与放大镜实现代码示例
Aug 31 HTML / CSS
吃透移动端 1px的具体用法
Dec 16 HTML / CSS
吃透移动端 Html5 响应式布局
Dec 16 HTML / CSS
如何通过 CSS 写出火焰效果
Mar 24 HTML / CSS
聊聊CSS粘性定位sticky案例解析
Jun 01 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实现框架(一)
2006/10/09 PHP
PHP PDO函数库详解
2010/04/27 PHP
PHP 类相关函数的使用详解
2013/05/10 PHP
PHP中读取照片exif信息的方法
2014/08/20 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
2016/03/21 PHP
Symfony2创建基于域名的路由相关示例
2016/11/14 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
js树形控件脚本代码
2008/07/24 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
2014/04/08 Javascript
Nodejs学习笔记之NET模块
2015/01/13 NodeJs
js制作简易年历完整实例
2015/01/28 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
python实现数独游戏 java简单实现数独游戏
2018/03/30 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
python3实现elasticsearch批量更新数据
2019/12/03 Python
python图形用户接口实例详解
2019/12/16 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
雅虎笔试题(字符串操作)
2015/03/24 面试题
企划经理的岗位职责
2013/11/17 职场文书
人事档案接收函
2014/01/12 职场文书
大专生毕业的自我评价
2014/02/06 职场文书
巾帼建功标兵事迹材料
2014/05/11 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python
字节飞书面试promise.all实现示例
2022/06/16 Javascript