一介布衣

🧭 快速导航

关于 html4 和 html5 定义上的一些区别 ​

--> -->

  • 文章目录

    • html 头的定义
    • DOCTYPE 这个定义在Html 页面头部的参数告诉浏览器,你当前的内容是什么类型,需要如何渲染解析
    • meta 标记定义
    • 变化很大,对于html5下 meta 的定义非常少,一个 charset 编码参数即可
    • header 标记定义

及旧的Html 规定有何区别

html 头的定义 ​

html4 及 以下版本
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

html5
' `

  • DOCTYPE 这个定义在Html 页面头部的参数告诉浏览器,你当前的内容是什么类型,需要如何渲染解析 ​

那如果你把 html4 解析的页面定义成了 html5 个规范,会发生什么情况呢?
答案是 什么情况都没有

W3C标准已经像地球所有人类承诺 DOCTYPE 参数的定义兼容所有 html 版本

所以,你的页面中,推荐使用 DOCTYPE 参数,而且推荐使用 html5 类型的定义方式

meta 标记定义 ​

html4 及 以下版本
&lt;meta http-equiv="content-type" conent="text/html" charset="utf-8" /&gt;

html5
&lt;meta charset="utf-8" /&gt;

  • 变化很大,对于html5下 meta 的定义非常少,一个 charset 编码参数即可 ​

当然 W3C 也所了,以后对于所有版本html 都提供兼容

就算你的 html4 页面使用 ,没关系的,浏览器照样解析,所以推荐更简单高效的写法

header 标记定义 ​

  • link 的定义
  • script 的定义

html4 及以下,我们是这样定义 style 文件和 script 的
&lt;link style="text/css" rel="stylesheet" href="/css/main.css" /&gt;
&lt;script type="text/javascript" src="/javascript/main.js" &gt;&lt;/script&gt;

html5 做了如下定义
'```

对比以下,都有简化,尤其 script 脚本引入,显的更加明显简洁