cruiedu@com 本篇文章给大家谈谈html网页设计代码，以及代码规范对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。
很多Web开发人员对HTML的代码规范知之甚少。
在2000年至2010年，许多Web开发人员从HTML转换到XHTML。
使用XHTML开发人员逐渐养成了比较好的HTML编写规范。
而针对于HTML5，我们应该形成比较好的代码规范，以下提供了几种规范的建议。
文档类型声明位于HTML文档的第一行：
如果你想跟其他标签一样使用小写，可以使用以下代码：
HTML5元素名可以使用大写和小写字母。
混合了大小写的风格是非常糟糕的。
开发人员通常使用小写(类似XHTML)。
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
在HTML5中,你不一定要关闭所有元素(例如<p>元素)，但我们建议每个元素都要添加关闭标签。
<p>这是一个段落。</p>
<p>这是一个段落。</p>
在HTML5中,空的HTML元素也不一定要关闭：
在XHTML和XML中斜线(/)是必须的。
如果你期望XML软件使用你的页面，使用这种风格是非常好的。
HTML5属性名允许使用大写和小写字母。
同时使用大小写是非常不好的习惯。
开发人员通常使用小写(类似XHTML)。
如果属性值含有空格需要使用引号。
混合风格不推荐的，建议统一风格。
以下实例属性值包含空格，没有使用引号，所以不能起作用:
<tableclass=tablestriped>
<tableclass="tablestriped">
图片通常使用alt属性。在图片不能显示时，它能替代图片显示。
<imgsrc="html5.gif"alt="HTML5"style="width:128px;height:128px">
定义好图片的尺寸，在加载时可以预留指定空间，减少闪烁。
<imgsrc="html5.gif"alt="HTML5"style="width:128px;height:128px">
<linkrel="stylesheet"href="styles.css">
<linkrel="stylesheet"href="styles.css">
使用HTML编辑器，左右滚动代码是不方便的。
为每个逻辑功能块添加空行，这样更易于阅读。
缩进使用两个空格，不建议使用TAB。
比较短的代码间不要使用不必要的空行和缩进。
菜鸟教程，学的不仅是技术，更是梦想。
菜鸟教程，学的不仅是技术，更是梦想。
菜鸟教程，学的不仅是技术，更是梦想,
菜鸟教程，学的不仅是技术，更是梦想。
<p>菜鸟教程，学的不仅是技术，更是梦想。
菜鸟教程，学的不仅是技术，更是梦想。
菜鸟教程，学的不仅是技术，更是梦想。
菜鸟教程，学的不仅是技术，更是梦想。</p>
<th>Description</th>
<td>DescriptionofA</td>
<td>DescriptionofB</td>
省略<html>和<body>?
在标准HTML5中，<html>和<body>标签是可以省略的。
<title>页面标题</title>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
不推荐省略<html>和<body>标签。
<html>元素是文档的根元素，用于描述页面的语言：
声明语言是为了方便屏幕阅读器及搜索引擎。
省略<html>或<body>在DOM和XML软件中会崩溃。
省略<body>在旧版浏览器(IE9)会发生错误。
在标准HTML5中，<head>标签是可以省略的。
默认情况下，浏览器会将<body>之前的内容添加到一个默认的<head>元素上。
<title>页面标题</title>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
HTML5中<title>元素是必须的，标题名描述了页面的主题:
<title>菜鸟教程</title>
标题和语言可以让搜索引擎很快了解你页面的主题:
<title>菜鸟教程</title>
注释可以写在<!--和-->中:
比较长的评论可以在<!--和-->中分行写：
这是一个较长评论。这是一个较长评论。这是一个较长评论。
这是一个较长评论这是一个较长评论。这是一个较长评论。
长评论第一个字符缩进两个空格，更易于阅读。
样式表使用简洁的语法格式(type属性不是必须的):
<linkrel="stylesheet"href="styles.css">
p.into{font-family:Verdana;font-size:16em;}
font-family:"ArialBlack",Helvetica,sans-serif;
将左花括号与选择器放在同一行。
左花括号与选择器间添加以空格。
每个属性与值结尾都要使用符号。
只有属性值包含空格时才使用引号。
使用简洁的语法来载入外部的脚本文件(type属性不是必须的):
<scriptsrc="myscript.js">
一个糟糕的HTML格式可能会导致JavaScript执行错误。
以下两个JavaScript语句会输出不同结果:
HTML中JavaScript尽量使用相同的命名规则。
大多Web服务器(Apache,Unix)对大小写敏感：london.jpg不能通过London.jpg访问。
其他Web服务器(Microsoft,IIS)对大小写不敏感：london.jpg可以通过London.jpg或london.jpg访问。
你必须保持统一的风格，我们建议统一使用小写的文件名。
HTML文件后缀可以是.html(或r.htm)。
CSS文件后缀是.css。
JavaScript文件后缀是.js。
.htm和.html的扩展名文件本质上是没有区别的。浏览器和Web服务器都会把它们当作HTML文件来处理。
.htm应用在早期DOS系统，系统现在或者只能有三个字符。
在Unix系统中后缀没有特别限制，一般用.html。
如果一个URL没有指定文件名(如http://www.runoob.com/css/),服务器会返回默认的文件名。通常默认文件名为index.html,index.htm,default.html,和default.htm。
如果服务器只配置了"index.html"作为默认文件，你必须将文件命名为"index.html",而不是"index.htm"。
但是，通常服务器可以设置多个默认文件，你可以根据需要设置默认文件吗。
不管怎样，HTML完整的后缀是".html"。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
关于html网页设计代码，代码规范的介绍到此结束，希望对大家有所帮助。
