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动画之利用requestAnimationFrame触发重新播放功能
Sep 11 HTML / CSS
CSS3过渡transition效果实例介绍
May 03 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
Nov 15 HTML / CSS
CSS3实现多样的边框效果
May 04 HTML / CSS
解决margin 外边距合并问题
Jul 03 HTML / CSS
深入浅析CSS3中的Flex布局整理
Apr 27 HTML / CSS
CSS3实现红包抖动效果
Dec 23 HTML / CSS
H5仿微信界面教程(一)
Jul 05 HTML / CSS
如何使用localstorage代替cookie实现跨域共享数据问题
Apr 18 HTML / CSS
使用HTML5 Canvas API绘制弧线的教程
Mar 22 HTML / CSS
HTML5事件方法全部汇总
May 12 HTML / CSS
HTML5 LocalStorage 本地存储详细概括(多图)
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
linux下为php添加curl扩展的方法
2011/07/29 PHP
利用php生成验证码
2017/02/23 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
一个javascript图片阅览组件
2010/11/09 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
JS中自定义定时器让它在某一时刻执行
2014/09/02 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
2019/07/04 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
python学习手册中的python多态示例代码
2014/01/21 Python
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
英国领先的游戏零售商:GAME
2019/09/24 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
飞利浦美国官网:Philips美国
2020/02/28 全球购物
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
Linux常见面试题
2016/10/04 面试题
如何用JQuery进行表单验证
2013/05/29 面试题
工程项目经理岗位职责
2013/12/15 职场文书
医院护士的求职信范文
2013/12/26 职场文书
服装设计专业自荐书范文
2013/12/30 职场文书
应用化学专业职业生涯规划书
2013/12/31 职场文书
财务出纳岗位职责
2014/02/03 职场文书
2014三八妇女节活动总结
2014/03/01 职场文书
学习雷锋活动总结
2014/04/29 职场文书
工作说明书范文
2014/05/07 职场文书
校园广播稿范文
2015/08/19 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang