HTML5标签的改变

1:文档类型声明DTD
HTML5的DTD声明为
<!doctype html>不区分大小写。
==》在编写HTML5文档时,需要指定文档类型,以确保浏览器能在HTML5的标准模式下进行渲染。


2:新增HTML5标签
(1)结构标签
<article>定义文章块
<header> 定义一个页面的头部
<footer> 定义一个页面的底部
<nav> 定义导航连接
<section> 定义一个区域
<aside> 定义页面内容部分的侧边栏
<hgroup> 定义文件中一个区块的相关信息
<figure>
<figcaption> 
<dialog> 定义一个对话框
==》新的结构标签带来的是:网页布局的改变及提升,并对搜索引擎的友好。


(2)多媒体标签
<video>视频
<audio>音频
<source>定义媒体资源
<canvas>定义图片
<embed>定义外部的可交互的内容或者插件。


==》HTML5多媒体标签的出现,意味着富媒体的发展以及支持不适用插件的情况下即可操作媒体文件。
级大地提升了用户体验。

(3)web应用标签
<meter>状态标签(实时状态显示:气压,气温)
<progress> 进度标签(任务过程:安装,加载)


(4)注释标签
<ruby> <rp> <rt>


(5)其他标签:<keygen> <mark> <output>




3:删除的HTML标签
纯表现的元素:basefont,bug,center,font,s,strike,tt,u
对可用性产生负面影响的元素:frame,frameset,noframes
产生混淆的元素:acronym,applet,isindex,dir


4:重新定义的HTML标签
<b>粗体
<i>斜体
<strong>表示重要性
<dd>包含文本
<dt>汇总细节
<hr>主体结束,而不是水平线
<menu>菜单,配合command或者Menuitem使用
<small>小字体,例如打印注释或者法律条款


5:崭新的页面布局




郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。