HTML5风格指南与编码标准

来源：互联网发布：好老师淘宝店金蛇狂舞编辑：程序博客网时间：2024/06/05 10:28

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，没有理由不使用它。

阅读全文

0 0