<br/>
HTML Coding Conventions<br/>
Many web developers know little about HTML coding conventions.
Between 2000 and 2010, many web developers converted from HTML to XHTML.
Using XHTML developers have gradually developed better HTML writing standards.
For HTML5, we should form better code standards. The following provides several standard suggestions.
Use the correct document type
The document type declaration is located on the first line of the HTML document:
<!DOCTYPE html>
If you want to use lowercase like other tags, you can use the following code:
<!doctype html>
Use lowercase element names
HTML5 element names can use uppercase and lowercase letters.
Recommended to use lowercase letters:
Mixing upper and lower case style is very bad.
Developers typically use lowercase (similar to XHTML).
The lowercase style looks more refreshing.
Lowercase letters are easy to write.
Not recommended:
非常糟糕: 这是一个段落。
推荐: 这是一个段落。
关闭所有 HTML 元素 在 HTML5 中, 你不一定要关闭所有元素 (例如 元素)，但我们建议每个元素都要添加关闭标签。 不推荐: 这是一个段落。
推荐: 这是一个段落。
这是一个段落。
关闭空的 HTML 元素 在 HTML5 中, 空的 HTML 元素也不一定要关闭： 我们可以这么写： 也可以这么写： 在 XHTML 和 XML 中斜线 (/) 是必须的。 如果你期望 XML 软件使用你的页面，使用这种风格是非常好的。 使用小写属性名 HTML5 属性名允许使用大写和小写字母。 我们推荐使用小写字母属性名: 同时使用大写写是非常不好的习惯。 开发人员通常使用小写 (类似 XHTML)。 小写风格看起来更加清爽。 小写字母容易编写。 不推荐： 这是一个段落。
这是一个段落。
推荐：属性值 HTML5 属性值可以不用引号。 属性值我们推荐使用引号: 如果属性值含有空格需要使用引号。 混合风格不推荐的，建议统一风格。 属性值使用引号易于阅读。 以下实例属性值包含空格，没有使用引号，所以不能起作用:以下使用了双引号，是正确的：
图片属性 图片通常使用 alt 属性。 在图片不能显示时，它能替代图片显示。
定义好图片的尺寸，在加载时可以预留指定空间，减少闪烁。
菜鸟教程
HTML
菜鸟教程，学的不仅是技术，更是梦想。 菜鸟教程，学的不仅是技术，更是梦想。 菜鸟教程，学的不仅是技术，更是梦想, 菜鸟教程，学的不仅是技术，更是梦想。
推荐:菜鸟教程
菜鸟教程，学的不仅是技术，更是梦想。 菜鸟教程，学的不仅是技术，更是梦想。 菜鸟教程，学的不仅是技术，更是梦想。 菜鸟教程，学的不仅是技术，更是梦想。
| Name | Description |
|---|---|
| A | Description of A |
| B | Description of B |
这是一个段落。
尝试一下 »不推荐省略 和标签。 元素是文档的根元素，用于描述页面的语言：<!DOCTYPE html> 声明语言是为了方便屏幕阅读器及搜索引擎。 省略 或在 DOM 和 XML 软件中会崩溃。省略 在旧版浏览器 (IE9)会发生错误。省略 ?在标准 HTML5 中， 标签是可以省略的。默认情况下，浏览器会将 之前的内容添加到一个默认的元素上。实例 <!DOCTYPE html>这是一个段落。
尝试一下 »现在省略 head 标签还不推荐使用 元数据 HTML5 中
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
