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制作精致的照片墙特效
Jun 07 HTML / CSS
利用CSS3的线性渐变linear-gradient制作边框的示例
Jun 02 HTML / CSS
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
Dec 06 HTML / CSS
css3的focus-within选择器的使用
May 11 HTML / CSS
Html5实现如何在两个div元素之间拖放图像
Mar 29 HTML / CSS
html5使用canvas画空心圆与实心圆
Dec 15 HTML / CSS
基于HTML5代码实现折叠菜单附源码下载
Nov 27 HTML / CSS
Canvas globalCompositeOperation
Dec 18 HTML / CSS
html如何对span设置宽度
Oct 30 HTML / CSS
浅谈Html5页面打开app的一些思考
Mar 30 HTML / CSS
AmazeUI 面板的实现示例
Aug 17 HTML / CSS
wordpress添加Html5的表单验证required方法小结
Aug 18 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
php变量范围介绍
2012/10/15 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
php生成随机颜色的方法
2014/11/13 PHP
php实现encode64编码类实例
2015/03/24 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
Bootstrap精简教程
2015/11/27 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
2016/07/22 Javascript
JS实现移动端实时监听输入框变化的实例代码
2017/04/12 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
微信小程序实现点击按钮后修改颜色
2019/12/05 Javascript
jQuery擦除插件eraser使用方法详解
2020/01/11 jQuery
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
tensorflow获取变量维度信息
2018/03/10 Python
pycharm设置注释颜色的方法
2018/05/23 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
对Python定时任务的启动和停止方法详解
2019/02/19 Python
Python中psutil的介绍与用法
2019/05/02 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
简述数组与指针的区别
2014/01/02 面试题
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
大学生毕业求职简历的自我评价
2013/10/24 职场文书
财务方面个人工作的自我评价
2013/12/28 职场文书
服装设计师职业生涯规划范文
2014/02/28 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
专家推荐信怎么写
2015/03/25 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
雾霾停课通知
2015/04/24 职场文书