HTML5特别篇——代码规范（2）

文章目录

导语
空格和等号
请避免一行代码过于冗长
空行与缩进
表格与列表
有关省略和
那么是否可以省略 ?
元数据
结语

导语

上次我们介绍了一部分HTML5的代码规范，本篇文章将承接上文为大家介绍更多的代码规范相关示例。

空格和等号

等号前后的空格是合乎规则的：

<link rel = "stylesheet" href = "styles.css">

但是还请各位减少空格的使用，这样便于精简阅读：

<link rel="stylesheet" href="styles.css">

请避免一行代码过于冗长

在HTML编辑器中，左右滚动代码是非常不方便的，请各位读者在编写代码时尽量避免一行代码在80个字符及以上。

空行与缩进

无故增加的空行会增加阅读难度，但是为每个逻辑块增加空行反而易于阅读，如果需要缩进的话，空格键与tab键，这里更推荐使用空格键，如果代码比较短的话，无故的缩进与空行请不要使用。
不必要的空行于缩进：

body><h1>中亿丰数字科技有限公司</h1><h2>HTML</h2><p>智能建筑，数字物联智能建筑，数字物联智能建筑，数字物联智能建筑，数字物联</p></body>

我们更推荐这样做：

<body><h1>中亿丰数字科技有限公司</h1><h2></h2>
<p>智能建筑，数字物联
智能建筑，数字物联
智能建筑，数字物联
智能建筑，数字物联</p></body>

表格与列表

表格在html中是众多小单元格的集合体，它们按照一定的次序排列着，有许多的行与列。表格用table标签定义，行是tr标签，列为td标签，先定义行才能够定义列。因为每一列在html里是在每一行中的。
而列表像是word中的标题一样，顺着往下数的标题。具体细分有无序列表，有序列表，自定义列表，具体的细节我们会在之后的文章中阐述。
表格示例：

<table><tr><th>表格</th><th>描述</th></tr><tr><td>zyf</td><td>zyf的描述</td></tr><tr><td>zyfsz</td><td>zyfsz的描述</td></tr>
</table>

列表示例：

<ol><li>中亿丰数字综合部</li><li>中亿丰数字研发部</li><li>中亿丰数字营销部</li>
</ol>

有关省略和

在HTML5标准中，< html > 和 < body >都能够允许被省略，读者可用下列代码进行验证。

<!DOCTYPE html>
<head><title>中亿丰数字</title>
</head><h1>标题</h1>
<p>智能建筑，数字物联</p>

但是，我们并不推荐各位省略< html > 和 < body >标签。
< html > 元素是页面文本的根元素。它可以很方便地规定页面语言。

<!DOCTYPE html>
<html lang="zh">

声明语言可对于屏幕阅读器与搜索引擎而言非常重要。如果没有足够把握贸然省略，有可能会导致在dom与xml软件里崩溃。省略body标签还会在旧版本浏览器（IE9）中发生错误。

那么是否可以省略 ?

在标准HTML5中，由于宽松的代码验证，< head >标签也是可以省略的。默认情况下，浏览器会为body标签之前的内容加上一个默认的head元素。
例如：

<!DOCTYPE html>
<html>
<title>中亿丰数字</title><body><h1>标题</h1><p>智能建筑，数字物联</p>
</body></html>

还请注意：现在还不推荐省略 head 标签。

元数据

与上面的标签不同，title元素是必须的，标题名描述了页面的主题。

<title>中亿丰数字</title>

不光光是方便浏览者，标题和语言还能让搜索引擎了解你的主题。

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>中亿丰数字</title>
</head>

结语

有关代码规范的话题即将迎来尾声，虽然马上就要完结，但是规范的事情还是很重要的，对于之后的代码能力提升也有帮助，相信在这些规范教程中，读者能够更加轻松走上代码工作的道路。