HTML5 编码规范
使用HTML5时应遵循一些约定:
CSS样式一致
用户在编写HTML时必须使用一致的样式。它使人们更容易理解代码。
您的代码必须小巧,整洁且格式正确。
使用正确文档类型
您应在开头声明文档类型您的代码。
例如:
使用小写字母元素名称
HTML5可以帮助您在元素名称中使用大写和小写字母。但是,最好仅使用小写字母。因为:
在元素中混合大小写字母混合体验并不好。
小写字母看起来整洁干净。
小写容易辨认。
开发人员主要使用小写字母。
示例:
错误做法:
<SECTION>
<p>This is lidihuo.com</p>
</SECTION>
注意:此示例可以正常运行,但是用大写字母写元素不是一个好习惯。
非常不好的做法:
<Section>
<p>This is a lidihuo.com</p>
</SECTION>
良好做法:
<section>
<p>This is lidihuo.com.</p>
</section>
关闭所有HTML元素
在HTML5中,不需要关闭所有HTML标签。但是,建议关闭标签。
不良做法:
<section>
<p>This is lidihuo.com
</section>
良好做法:
<section>
<p>This is lidihuo.com</p>
</section>
关闭空白的HTML元素
在HTML5中,关闭空白的HTML标签不是强制性的。您可以关闭它或将其关闭。
好的做法:
不要忽略<html>和<body>
HTML5可以帮助您省略和标记。您可以同时排除两个标签,并且程序可以正常运行。
示例:
<!DOCTYPE html>
<head>
<title>Page Title</title>
</head>
<h1>This is lidihuo.com</h1>
<p>Welcome to lidihuo.com</p>
我们建议您不要省略和标记,因为它是根元素并指定页面语言。
语法:
<!DOCTYPE html>
<html lang="en-US">
示例:
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是标题信息</h1>
<p>这是正文内容</p>
</body>
</html>