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的transform中scale缩放详解
Dec 08 HTML / CSS
用CSS3的box-reflect设置文字倒影效果的方法讲解
Mar 07 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
Jan 05 HTML / CSS
使用 CSS3 中@media 实现网页自适应的示例代码
Mar 24 HTML / CSS
HTML5 语义化结构化规范化
Oct 17 HTML / CSS
IE支持HTML5的解决方法
Oct 20 HTML / CSS
HTML5 canvas画图并保存成图片的jcanvas插件
Jan 17 HTML / CSS
HTML5新增加的功能详解
Sep 05 HTML / CSS
html5 横向滑动导航栏的方法示例
May 08 HTML / CSS
钉钉企业内部H5微应用开发详解
May 12 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
初识Laravel
2014/10/30 PHP
使用PHP生成二维码的方法汇总
2015/07/22 PHP
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
解析Jquery取得iframe中元素的几种方法
2013/07/04 Javascript
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
详解Vue-基本标签和自定义控件
2017/03/24 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
实例教学如何写vue插件
2017/11/30 Javascript
vue 的keep-alive缓存功能的实现
2018/03/22 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
python中的内置函数getattr()介绍及示例
2014/07/20 Python
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
深入讲解Python编程中的字符串
2015/10/14 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
python实现ID3决策树算法
2017/12/20 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
Python如何读取、写入CSV数据
2020/07/28 Python
如何用python 操作zookeeper
2020/12/28 Python
Html5 实现微信分享及自定义内容的流程
2019/08/20 HTML / CSS
财务会计专业应届毕业生求职信
2013/10/18 职场文书