写 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">
  • 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">

标签不再自闭合

如果你从 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" />

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

以前是这么写的,但是现在如果里面的是 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>
Last Updated:
<manfred>峯</hu>
欢迎关注微信公众号 【Big前端】无广告,无软文,就是这么傲娇。直推一线大厂高质量内容,不局限于前端·后台·运维相关,还包括房价🏠、信用卡💳等内容也可内推一线大厂腾讯阿里字节,对腾讯字节比较熟悉,简历可以发给我,我会给你介绍一线大厂的情况,让你更加了解一线大厂