html5页面结构的变化以及增加和删除标签的总结

这篇文章给大家介绍的内容是关于html5页面结构的变化以及增加和删除标签的总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

页面结构

传统页面结构

html5页面结构

eg

 

新增标签

1.结构标签

section标签：section表示页面中的一个内容区块，比如章节、页眉、页脚等，也可以和hn（h1、h2...）等一起使用，表示出文档的结构；

article标签：article元素表示页面中的一块与上下文不相关的独立内容，比如一篇文章；

aside标签：aside元素表示article元素内容之外的，和article标签内容相关的辅助信息；

header标签：header元素表示页面中的一个内容区块或者整个页面的标题；

hgroup标签：表示对整个页面或页面中的一个内容区块的标题进行组合；

footer标签：footer元素表示整个页面或者页面中一个内容区块的脚注。一般来说包含创作者的姓名、创作日期及联系信息；

nav标签：表示页面中导航链接的部分；

figure标签：表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption标签为figure标签组添加标题。

2.表单标签

email：必须输入email；

url：必须输入url地址；

number：必须输入数值；

range：必须输入一定范围内数值；

Date Pickers：日期选择器；

search：用于搜索域，域显示为常规的文本域；

color

3.媒体标签

video标签：定义视频，像电影片段或其他视频流。eg:

audio标签：定义音频，像音乐或其他音频流。eg:

embed标签：用来嵌入内容（包括各种媒体），格式可以是Midi、Wav、AIFF、AU、MP3、flash等。eg:

4.其他功能标签

mark：标注，呈现不一样的颜色；

progress：进度条；

time：标注时间；

ruby：对某个字进行注释；

rt：

wbr：软换行，当一行显示不下就换行；

canvas

command：命令；

details：展开详情；

datalist：提示内容；

keygen：加密；

output：计算表单结果并给出输出值；

source

menu：菜单。

删除标签

1.可以用css代替的标签

2.不再使用frame

frameset

frame

noframes

3.只有个别浏览器支持的标签

4.其他不常用的标签

相关文章推荐：

HTML和CSS3中的2D、3D结合实现动画效果

 html5自定义属性：如何获取自定义属性值（附代码）

Atas ialah kandungan terperinci html5页面结构的变化以及增加和删除标签的总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!