HTML5与HTML4有哪些区别？
发表：紫石头原创模板堂 发表时间：2019-07-11 11:01:27 阅读：171次
HTML5标准是网站开发的一个趋势，这是不容置疑的。当然，虽然在手机端已经得到全面应用，但在目前的PC端还没能兼容到所有的浏览器，HTML5还需一段时间才能在PC端普及，因为IE7IE8等浏览器还会在相当长的时间内存在。虽然如此，如今掌握HTML5技术是作为站长的你所必备的武器。废话不多说，一起来看盾HTML5与HTML4都有哪些区别吧？
1、DTD声明不同。
html4
<!doctype html public"-/w3c/dtd xhtml1.0 Transitional/en" "http://www.w3.org/TR//xhtml/DTD/xhtml1-transitional.dtd">
html5
<!doctype html>
2、设置页面字符。
html4
<meta http-equiv="content-type" content="text/html;charset=utf-8">
html5
<meta charset="utf-8">
3、部分元素可以完全省略。
html4
不能省略 html head body ，必须有的。
html5
可以省略 html head body ，就是在源代码中，我们可以不写这3个标签，这是在html4中所不能想像的。
4、表单元素。
html4
表单元素必须包含在<form>表单标签内；
html5
表单元素可以放在<form>表单标签外。html5的表单还新增加了好多的属性，让表单制作更加方便简单。
5、新增了一些元素和属性
audio 音乐
video 视频
section 内容区块，如章节、页眉、肌肤
article 页面中的一块与上下文不相关的独立内容
adide article元素内容之外的，与article内容相关的辅助信息
header 页面中一个内容区块或整个页面的标题或头部
hgroup 整个页面或页面中一个内容区块的标题进行组合
footer 整个页面或页面中一个内容区块的脚注
nav 页面中导航链接部分
figure 一段独立的流内容，
6、删除了一些不需要的标签。
html5删除 <b>、<frame>、 <center>、<big> 等众多在html4中都不怎么用的标签。
这里，就总结这6点。当然，html5与html4的区别远不止这些，html5相对于html4，在功能上有着质的飞越，通过html5可以让你的整个网站内容更加丰富、更炫，这点你可以参观一下众多的html5制作出来的网站就可以了解。总之，html5是未来网站的趋势，这也是我们做为网站开发人员所必需要掌握的一门功夫哦。
十六年网站建设相关经验
一站式为您提供网站相关服务
欢迎扫码咨询
