本文概述
- HTML编码约定
- 使用一致的CSS
- 使用正确的文档类型
- 使用小写元素名称
- 关闭所有HTML元素
- 关闭空的HTML元素
- 不要省略< html> 和< body>
使用一致的CSS用户在编写HTML时必须使用一致的样式。它使代码更易于人们理解。
你的代码必须小巧, 整洁且格式正确。
使用正确的文档类型你应该在代码开头声明文档类型。
例如:
<
!DOCTYPE html>
你也可以使用< !DOCTYPE html> 来保持小写的习惯。
使用小写元素名称HTML5方便你在元素名称中使用大写和小写字母。但是, 最好只使用小写字母。因为:
- 在元素中混合使用小写和大写字母不是一个好主意。
- 小写字母看起来整洁干净。
- 小写容易写。
- 开发人员主要使用小写字母。
不良做法:
<
SECTION>
<
p>
This is srcmini.com<
/p>
<
/SECTION>
注意:此示例将运行, 但是用大写字母写元素不是一个好习惯。非常不好的做法:
<
Section>
<
p>
This is a srcmini.com<
/p>
<
/SECTION>
良好做法:
<
section>
<
p>
This is srcmini.com.<
/p>
<
/section>
关闭所有HTML元素在HTML5中, 不需要关闭所有HTML标签。但是, 建议关闭标签。
不良做法:
<
section>
<
p>
This is srcmini.com<
/section>
良好做法:
<
section>
<
p>
This is srcmini.com<
/p>
<
/section>
关闭空的HTML元素在HTML5中, 关闭空HTML标记不是强制性的。你可以将其关闭或将其关闭。
良好做法:
<
meta charset="utf-8">
不要省略< html> 和< body> 【HTML5用户手册】HTML5可帮助你省略和标记。你可以同时排除两个标签, 并且程序将运行良好。
例:
<
!DOCTYPE html>
<
head>
<
title>
Page Title<
/title>
<
/head>
<
h1>
This is srcmini.com<
/h1>
<
p>
Welcome to srcmini.com<
/p>
立即测试
我们建议你不要忽略和标记, 因为它是根元素并指定页面语言。
句法:
<
!DOCTYPE html>
<
html lang="en-US">
例:
<
!DOCTYPE html>
<
html lang="en-US">
<
head>
<
title>
Page Title<
/title>
<
/head>
<
body>
<
h1>
This is a heading<
/h1>
<
p>
This is a paragraph.<
/p>
<
/body>
<
/html>
立即测试
推荐阅读
- HTML5教程介绍
- HTML5语义
- HTML5迁移
- HTML big标记(HTML5不支持)
- HTML bdo标记
- HTML bdi标记
- HTML basefont标记
- HTML base标签
- HTML音频标签