今天主要学习了以下知识点:
HTML(5)样式指南和代码约定
HTML代码约定
web开发者常常不确定在HTML中使用的代码样式和语法。
在2000年至2010年之间,许多web开发者从HTML转换为XHTML。
通过xhtml,开发者不得不编写有效的格式良好的代码。
HTML在代码验证时会更宽松一点。
通过HTML5,你必须创建属于自己的最佳实践,样式指南和代码约定。
智能且有未来保证
对样式的合乎逻辑的使用,可以令其他人更容易理解和使用你的HTML。
在未来,诸如xml阅读器之类的程序,也许需要阅读你的HTML
使用格式良好的近似xhtml的语法,能够更智能
注释:请始终保持你的样式智能,整洁,纯净,格式良好。
请使用正确的文档类型
请始终在文档的首行声明文档类型:
请使用小写元素名
HTML5允许在元素名中使用混合大小写字母。
我们推荐使用小写元素名:
混合大小写名称并不好
开发者习惯使用小写名
小写更起来更纯净
小写更书写
关闭所有HTML元素
在HTML5中,你不必关闭所有元素
我们建议关闭所有HTML元素:
关闭空的HTML元素
在HTML5中关闭空元素是可选的。
使用小写属性名
HTML5允许大小写混合的属性名。
我们建议使用小写属性名:
混合属性名并不好
开发者习惯于使用小写属性名
小写属性名看情况更纯净
小写属性名更易书写
属性值加引号
HTML5允许不加引号的属性值。
我们推荐属性值加引号如果属性值包含值,则必须使用引号
混合样式绝对不好
加引号的值更易阅读
必需的属性
请始终对图像使用Alt属性,当图像无法显示时该属性很重要
请始终定义图像尺寸,这样做会减少闪烁,因为浏览器会在图像加载之前为图像预留空间。
空格和等号
等号两边的空格是合法的
避免长代码行
当使用HTML编译器时,通过左右滚动来阅读HTML代码很不方便。
请尽量避免代码行超过80个字符。
空行和缩进
请勿毫无理由地增加空行
为了提高可读性,请增加空行来分隔大型或逻辑代码块
为了提高可读性,请增加两个空格的缩进。请勿使用TAB