如何规范大型网站的HTML代码
1个回答
展开全部
1、DOCTYPE的声明
如果我们想做好一件事情，首先要知道我们有哪些权利去做，就如网页中“DOCTYPE”的声明，我们没有必要去讨论是否使用HTML4.01或者XHTML1.0或者说现在的HTML5都提供了严格版本或者过渡版本，这些都能很好的支持我们写的代码：
由于我们现在的布局不需要table布局也能做出很好的布局，那么我们就可以考虑不使用过渡型而使用严格型的“DOCTYPE”，为了向后兼容，对此，马海祥建议使用HTML5的声明模式：
<!DOCTYPE HTML>
<html lang="en-US">
2、字符集和编码字符
在每个页面的开始中，我们都在<head>中设置了字符集，我们这里都是使用“UTF-8”。
<meta charset="UTF-8" />
而且我们在平时写页面中时，时常会碰到"&"这样的符号，马海祥认为我们不应该直接在页面这样写“&”，如下图所示：
我们应该在代码中使用字符编码来实现，比如说“&”我们在代码中应该使用“&”来代替它。
3、正确的代码缩进
在页面编辑中，代码的缩进有没有正确，他不会影响你网站的任何功能，但要是你没有一个规范的缩进原则，让读你代码的人是非常的生气，所以说正确的代码缩进可以增强你的代码可读性。
标准程序的缩进应该是一个制表符（或几个空格），我们来一起来看下面展示的这张图，你看后就知道以后自己的代码要怎么样书写了：
不用说，大家都喜欢下面的那种代码吧。这只是一个人的习惯问题，不过马海祥建议从开始就要做好，利人利已。
4、CSS样式和Javascript脚本
页面中写入CSS样式有很多种方法，有些直接将样式放入页面的“<head>”中，这将是一个很不好的习惯，因为这样不仅会搞乱我们的标记，而且这些样式只适合这一个HTML页面。
所以，我们需要将CSS单独提出，保存在外部，这样后面的页面也可以链接到这些样式，如果你页面需要修改，我们也只需要修改样式文件就可以。正如下图所示：
上面我们所说的只是样式，其实javascript脚本也和CSS样式是同一样的道理。
所以，马海祥建议大家在制作web页面中，尽量将你的CSS样式和javascript脚本单独放在一个文件中，然后通过链接的方式引用这些文件，这样做的最大好处是，方便你的样式和脚本的管理与修改。
如果我们想做好一件事情，首先要知道我们有哪些权利去做，就如网页中“DOCTYPE”的声明，我们没有必要去讨论是否使用HTML4.01或者XHTML1.0或者说现在的HTML5都提供了严格版本或者过渡版本，这些都能很好的支持我们写的代码：
由于我们现在的布局不需要table布局也能做出很好的布局，那么我们就可以考虑不使用过渡型而使用严格型的“DOCTYPE”，为了向后兼容，对此，马海祥建议使用HTML5的声明模式：
<!DOCTYPE HTML>
<html lang="en-US">
2、字符集和编码字符
在每个页面的开始中，我们都在<head>中设置了字符集，我们这里都是使用“UTF-8”。
<meta charset="UTF-8" />
而且我们在平时写页面中时，时常会碰到"&"这样的符号，马海祥认为我们不应该直接在页面这样写“&”，如下图所示：
我们应该在代码中使用字符编码来实现，比如说“&”我们在代码中应该使用“&”来代替它。
3、正确的代码缩进
在页面编辑中，代码的缩进有没有正确，他不会影响你网站的任何功能，但要是你没有一个规范的缩进原则，让读你代码的人是非常的生气，所以说正确的代码缩进可以增强你的代码可读性。
标准程序的缩进应该是一个制表符（或几个空格），我们来一起来看下面展示的这张图，你看后就知道以后自己的代码要怎么样书写了：
不用说，大家都喜欢下面的那种代码吧。这只是一个人的习惯问题，不过马海祥建议从开始就要做好，利人利已。
4、CSS样式和Javascript脚本
页面中写入CSS样式有很多种方法，有些直接将样式放入页面的“<head>”中，这将是一个很不好的习惯，因为这样不仅会搞乱我们的标记，而且这些样式只适合这一个HTML页面。
所以，我们需要将CSS单独提出，保存在外部，这样后面的页面也可以链接到这些样式，如果你页面需要修改，我们也只需要修改样式文件就可以。正如下图所示：
上面我们所说的只是样式，其实javascript脚本也和CSS样式是同一样的道理。
所以，马海祥建议大家在制作web页面中，尽量将你的CSS样式和javascript脚本单独放在一个文件中，然后通过链接的方式引用这些文件，这样做的最大好处是，方便你的样式和脚本的管理与修改。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
