引号括住属性值

HTML5允许属性值没有引号.

我们建议引用属性值，因为:

混合大写和小写的值是不好的

引号更容易阅读

如果值包含空格，则必须使用引号

很不好:

不好:

好:

图像属性

总是为图片添加“alt”属性。当某些原因无法显示图像时，此属性非常重要。此外，始终定义图像宽度和高度。它减少了闪烁，因为浏览器可以预留空间的图像加载前。

不好:

好:

空间与等号

HTML5允许在等号的空格。但空间更小更容易阅读，更好地组合实体.

不好:

好:

避免长代码行

使用HTML编辑器时，它是向右滚动不便读取右边的HTML代码.

尽量避免代码行长于80个字符.

空白线和缩进

不要没有原因的添加空白行.

为了可读性，请添加空行以分隔大的或逻辑的代码块.

为可读性，添加两个空格的缩进。不要使用制表键.

不要使用不必要的空白行和缩进。这是没有必要的缩进每一个元素:

没必要:

Famous Cities

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area,

and the most populous metropolitan area in the world.

It is the seat of the Japanese government and the Imperial Palace,

and the home of the Japanese Imperial Family.

比较好:

Famous Cities

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area,

and the most populous metropolitan area in the world.

It is the seat of the Japanese government and the Imperial Palace,

and the home of the Japanese Imperial Family.

表格实例:

列表实例:

1. London
2. Paris
3. Tokyo

忽略 和

?

在HTML5标准中，标签和

标签可以省略。

下面的代码将验证HTML5:

页面标题

这是一个标题

这是一个段落.

让我试试

我们不推荐忽略 和

标签.

元素是文档根. 它推荐来设置页面语言:

对于可访问应用程序(屏幕阅读器)和搜索引擎来说，声明语言是很重要的.

忽略 或者

可以导致DOM和XML的软件崩溃.

忽略

可以在旧浏览器中产生错误 (IE9).

忽略

?

在HTML5标准的

标签也可以省略

默认情况下，浏览器将添加所有元素在

之前 , 到默认的 元素.

你可以减少HTML的复杂性, 忽略

标签:Page Title

This is a heading

This is a paragraph.

让我试试

我们不建议省略

标签.

省略标签是Web开发人员不熟悉。它需要时间来确立为准则.

Meta Data

在HTML5的元素是必需的。使标题尽可能有意义:HTML5 Syntax and Coding Style

为了确保正确的解释，和正确的搜索引擎索引，语言和字符编码应尽早定义在文档中:

HTML5 Syntax and Coding Style

设置视窗

HTML5引入了一个让网页设计师接管视口控制方法, 通过 标签.

视图是一个网页的用户的可见区域. 根据设备的不同，在手机上比在电脑屏幕上要小。

你应包括下列视图元素在你所有的网页

视窗元素给浏览器如何控制页面的尺寸和缩放比例.

width=device-width 部分设置页面宽度以跟踪设备的屏幕宽度(这取决于设备的不同)。

initial-scale=1.0 当浏览器首次加载页面时，部分设置初始缩放级别。返回搜狐，查看更多

责任编辑：