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实现swap交换动画
Jan 19 HTML / CSS
纯CSS3实现扇形动画菜单(简化版)实例源码
Jan 17 HTML / CSS
html5中去掉input type date默认样式的方法
Sep 06 HTML / CSS
html5 canvas 画图教程案例分析
Nov 23 HTML / CSS
html5在移动端的屏幕适应问题示例探讨
Jun 15 HTML / CSS
用HTML5制作视频拼图的教程
May 13 HTML / CSS
详解HTML5中ol标签的用法
Sep 08 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
Dec 30 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 HTML / CSS
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
May 26 HTML / CSS
html5的pushstate以及监听浏览器返回事件的实现
Aug 11 HTML / CSS
使用HTML+Css+transform实现3D导航栏的示例代码
Mar 31 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/05/16 PHP
详谈symfony window下的安装 安装时候出现的问题以及解决方法
2017/09/28 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
如何实现JS函数的重载
2006/09/22 Javascript
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
How to Auto Include a Javascript File
2007/02/02 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
jquery实现文本框数量加减功能的例子分享
2014/05/10 Javascript
JS实现的数字格式化功能示例
2017/02/10 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
Javascript 编码约定(编码规范)
2018/03/11 Javascript
基于Vue实现拖拽功能
2020/07/29 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
分享一个简单的python读写文件脚本
2017/11/25 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
Python中对数组集进行按行打乱shuffle的方法
2018/11/08 Python
Python学习笔记之列表推导式实例分析
2019/08/13 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
使用TensorFlow对图像进行随机旋转的实现示例
2020/01/20 Python
打印机墨盒:123Inkjets
2017/02/16 全球购物
英国假发网站:Hothair
2018/02/23 全球购物
JDK安装目录下有哪些内容
2014/08/25 面试题
电子商务个人职业生涯规划范文
2014/02/12 职场文书
《夸父追日》教学反思
2014/02/26 职场文书
书香校园建设方案
2014/05/02 职场文书
读群众路线的心得体会
2014/09/03 职场文书
运动员入场词
2015/07/18 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle
python基础之模块的导入
2021/10/24 Python
Python学习之异常中的finally使用详解
2022/03/16 Python
MybatisPlus EntityWrapper如何自定义SQL
2022/03/22 Java/Android
图神经网络GNN算法
2022/05/11 Python