1、尽量使用近XHTML的语法
2、使用正确的文档声明
<!DOCTYPE html>
3、元素名均使用小写,这样看起来更整洁,也更容易书写
4、所有元素都应当闭合
5、如果希望XML软件访问你的页面,尽量将空元素也闭合
<meta charset="utf-8" />
6、属性名应当小写
7、属性值应当使用双引号括起来
8、图像的alt属性必写
9、图像的大小必要情况下尽量指定
10、代码中空格要适当
11、避免一行代码过长
12、不要无理由的在代码中加入空行,空行是用来分隔逻辑代码段的
13、虽然H5中可以省略<html>、<body>、<head>等标签,但不推荐这么做
14、文档的<title>、语言类型、字符编码都应当尽可能指定
15、注意设置viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0">
16、注释的写法
单行注释:
<!-- This is a comment -->
多行注释:
<!--
This is a long comment example. This is a long comment example.
This is a long comment example. This is a long comment example.
-->
17、引入样式表(type属性不是必须的)
<link rel="stylesheet" href="styles.css">
18、引入js文件
<script type="text/javascript" src="myscript.js">
19、通过JavaScript访问HTML元素
使用“凌乱”的HTML风格的后果之一就是会导致JavaScript错误,例如下面的两个语句结果就会不同:
var obj = getElementById("Demo")
var obj = getElementById("demo")
20、所使用的文件名尽量全部小写,因为有些服务器对文件名是大小写敏感的,比如Apache;有些服务器则是不区分大小写的,比如IIS。在进行网站迁移时,即使一个小错误也能使网站崩溃。为了避免这些问题,文件名尽量使用小写。
21、文件拓展名应当有,比如.html、.css、,js
22、.htm与.html的区别
这两者对于浏览器与服务器来说是没有区别的,都会被处理为HTML。它们之间的区别是文化性质的:.htm是在DOS系统中,那时文件拓展名被限制为3个字符;.html则是在Unix系统中,不存在这种限制。
23、当URL中没有指定文件名时,比如http://www.icoder.top/,服务器会返回默认文件名,比如index.html、index.htm、default.html、default.htm等。HTML文件的完整拓展名是.html,没有理由不使用它。