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教程:新增加的结构伪类
Apr 02 HTML / CSS
定义css设备类型-Media Queries图表简介及使用方法
Jan 21 HTML / CSS
关于css兼容性问题及一些常见问题汇总
May 03 HTML / CSS
css3 pointer-events 介绍详解
Sep 18 HTML / CSS
css3实现平移效果(transfrom:translate)的示例
Nov 13 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
Oct 17 HTML / CSS
html5 拖拽上传图片实例演示
Apr 01 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
canvas绘制圆角头像的实现方法
Jan 17 HTML / CSS
关于flex 上下文中自动 margin的问题(完整例子)
May 20 HTML / CSS
小程序实现悬浮按钮的全过程记录
Oct 16 HTML / CSS
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
Sep 23 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中的strpos使用示例
2014/02/27 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
jQuery使用手册之二 DOM操作
2007/03/24 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
Js base64 加密解密介绍
2013/10/11 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
2015/05/07 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
Vuejs2 + Webpack框架里,模拟下载的实例讲解
2018/09/05 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
2019/08/01 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
Python编程中的反模式实例分析
2014/12/08 Python
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
使用Python生成XML的方法实例
2017/03/21 Python
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
Champion官网:美国冠军运动服装
2017/01/25 全球购物
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
介绍一下Ruby中的对象,属性和方法
2012/07/11 面试题
毕业生求职简历中的自我评价
2013/10/18 职场文书
普通员工辞职信
2014/01/17 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
读书月活动方案
2014/05/22 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
父亲节寄语大全
2015/02/27 职场文书
2016年大学生暑期社会实践方案
2015/11/26 职场文书
导游词之昭君岛
2020/01/17 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
canvas 中如何实现物体的框选
2022/08/05 Javascript