写 HTML5 代码要注意的东西

html

DOCTYPE

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

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

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

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

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

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

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

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

<meta charset="utf-8" />

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

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

简单直接，不要啰嗦

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

欢迎关注微信公众号【Big前端】无广告，无软文，就是这么傲娇。直推一线大厂高质量内容，不局限于前端·后台·运维相关，还包括房价🏠、信用卡💳等内容也可内推一线大厂腾讯阿里字节，对腾讯字节比较熟悉，简历可以发给我，我会给你介绍一线大厂的情况，让你更加了解一线大厂