写 HTML5 代码要注意的东西

html

DOCTYPE

这是一个写在 HTML 头部的东西,浏览器会根据不同的DOCTYPE来识别不同的模式,后面的渲染和优化也会不一样,作为一个前端我们会严格要求自己。所以通常会 copy 一下的是不是^_^。 但是在Eclipse中默认的不是HTML5的DOCTYPE,切记切记改过来噢亲。

常见的 DOCTYPE 有

  • 1.HTML 4.01 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
1
  • 2.XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1

标签不再自闭合

如果你从 XHTML 开始严格要求自己,你会经常写这样的代码

<input type="text" placeholder="请输入作者……" id="writer" name="writer" />
1

本来这应该是没错的,但是如果转到 HTML5 时代的话,后面的/>变成>会更好。 自己有时候也没意识过来,在 XHTML 时代这种叫自闭合标签,但是在 HTML5 时代,不需要了。

字符编码不用写那么长了

还有的,如 charset 也不用像下面这样写了。

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
1

取而代之的是下面这样简便的写法

<meta charset="utf-8" />
1

script 标签不用添加 type="text/javascirpt"

以前是这么写的,但是现在如果里面的是 js,可以省略type="text/javascirpt了。

<script
  type="text/javascript"
  src="https://unpkg.com/ggtool@1.0.9/lib/ggtool.js"
></script>
1
2
3
4

简单直接,不要啰嗦

<script src="https://unpkg.com/ggtool@1.0.9/lib/ggtool.js"></script>
1