到了HTML5时代写HTML代码要注意的东西

作者:ManfredHu
链接:http://www.manfredhu.com/2016/01/17/2-someAboutHTML5/index.html
声明:版权所有,转载请保留本段信息,谢谢大家

DOCTYPE

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

常见的DOCTYPE有

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

标签不再自闭合

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

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

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

字符编码不用写那么长了

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

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

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

1
<meta charset="utf-8">

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

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

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

简单直接,不要啰嗦

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


Copyright © 2015 - 2019 ManfredHu胡文峰的个人博客

All rights reserved. Designed and powered by ManfredHu.

粤ICP备18133029号