html5页面结构的变化以及增加和删除标签有哪些-创新互联

小编给大家分享一下html5页面结构的变化以及增加和删除标签有哪些，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

10年积累的成都做网站、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先制作网站后付款的网站建设流程，更有永德免费网站建设让你可以放心的选择与我们合作。页面结构

传统页面结构

html5页面结构

eg

新增标签

1.结构标签

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

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: <video src="movie.ogg" controls="controls">video标签</video>

audio标签：定义音频，像音乐或其他音频流。eg: <audio src="someaudio.wav">audio标签</audio>

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

4.其他功能标签

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

progress：进度条；

time：标注时间；

ruby：对某个字进行注释；

rt：

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

canvas

command：命令；

details：展开详情；

datalist：提示内容；

keygen：加密；

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

source

menu：菜单。

删除标签

1.可以用css代替的标签

2.不再使用frame

frameset

frame

noframes

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

4.其他不常用的标签

看完了这篇文章，相信你对html5页面结构的变化以及增加和删除标签有哪些有了一定的了解，想了解更多相关知识，欢迎关注创新互联网站制作公司行业资讯频道，感谢各位的阅读！

文章标题：html5页面结构的变化以及增加和删除标签有哪些-创新互联
URL地址：https://www.cdcxhl.com/article18/dgdcdp.html

成都网站建设公司_创新互联，为您提供品牌网站设计、网站营销、小程序开发、网站建设、品牌网站制作、ChatGPT

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联