大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
为企业提供网站建设、域名注册、服务器等服务
web 开发者常常不确定在 HTML 中使用的代码样式和语法。
创新互联建站主要从事网站设计制作、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务耀州,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
在 2000 年至 2010 年之间,许多 web 开发者从 HTML 转换为 XHTML。
通过 XHTML,开发者不得不编写有效的“格式良好的”代码。
HTML5 在代码验证时会更宽松一点。
通过 HTML5,您必须创建属于自己的最佳实践、样式指南和代码约定。
对样式的合乎逻辑的使用,可以令其他人更容易理解和使用您的 HTML。
在未来,诸如 XML 阅读器之类的程序,也许需要阅读您的 HTML。
使用格式良好的“近似 XHTML 的”语法,能够更智能。
注释:请始终保持您的样式智能、整洁、纯净、格式良好。
请始终在文档的首行声明文档类型:
如果您一贯坚持小写标签,那么可以使用:
HTML5 允许在元素名中使用混合大小写字母。
我们推荐使用小写元素名:
混合大小写名称并不好开发者习惯使用小写名(比如在 XHTML 中)小写更起来更纯净小写更易书写不太好:
This is a paragraph.
很糟糕:
This is a paragraph.
还不错:
This is a paragraph.
在 HTML5 中,您不必关闭所有元素(例如
元素)。
我们建议关闭所有 HTML 元素:
看起来不好:
This is a paragraph.
This is a paragraph.
看起来不错:
This is a paragraph.
This is a paragraph.
在 HTML5 中,关闭空元素是可选的。
允许这样:
也允许这样:
斜杠(/)在 XHTML 和 XML 中是必需的。
如果您期望 XML 软件来访问您的页面,保持这个习惯是个好主意。
HTML5 允许大小写混合的属性名。
我们建议使用小写属性名:
混合属性名并不好开发者习惯于使用小写属性名(比如在 XHTML 中)小写属性名看情况更纯净小写属性名更易书写看起来不好:
看起来不错:
HTML5 允许不加引号的属性值。
我们推荐属性值加引号:
如果属性值包含值,则必须使用引号混合样式绝对不好加引号的值更易阅读这个属性值无效,因为值中包含空格:
Name | Description |
---|---|
A | Description of A |
B | Description of B |
列表示例:
在 HTML5 标准中,能够省略 标签和
标签。以下代码作为 HTML5 进行验证:
示例This is a paragraph.
我们不推荐省略 和
标签。元素是文本的根元素。它是规定页面语言的理想位置。
对于可访问应用程序(屏幕阅读器)和搜索引擎,声明语言很重要。
省略 或
c可令 DOM 和 XML 软件崩溃。省略
会在老式浏览器(IE9)中产生错误。在 HTML5 标准中,
标签也能够被省略。默认地,浏览器会把
之前的所有元素添加到默认的 元素。通过省略
标签,您能够降低 HTML 的复杂性: 示例This is a paragraph.
注释:对于 web 开发者,省略标签的做法是陌生的。建立规则需要时间。
为了确保恰当的解释,以及正确的搜索引擎索引,在文档中对语言和字符编码的定义越早越好:
短注释应该在单行中书写,并在
长注释,跨越多行,应该通过 在独立的行中书写:
长注释更易观察,如果它们被缩进两个空格的话。
请使用简单的语法来链接样式表(type 属性不是必需的):
短规则可以压缩为一行,就像这样:
p.into {font-family:"Verdana"; font-size:16em;}长规则应该分为多行:
body { background-color: lightgrey; font-family: "Arial Black", Helvetica, sans-serif; font-size: 16em; color: black;} 开括号与选择器位于同一行在开括号之前用一个空格使用两个字符的缩进在每个属性与其值之间使用冒号加一个空格在每个逗号或分号之后使用空格在每个属性值对(包括最后一个)之后使用分号只在值包含空格时使用引号来包围值把闭括号放在新的一行,之前不用空格避免每行超过 80 个字符注释:在逗号或分号之后添加空格,是所有书写类型的通用规则。
请使用简单的语法来加载外部脚本(type 属性不是必需的):
使用“不整洁”的 HTML 样式的后果,是可能会导致 JavaScript 错误。
这两个 JavaScript 语句会产生不同的结果:
var obj = getElementById("Demo")var obj = getElementById("demo")如果可能,请在 HTML 中使用(与 JavaScript)相同的命名约定。
请访问 JavaScript 样式指南。
大多数 web 服务器(Apache、Unix)对文件名的大小写敏感:
不能以 london.jpg 访问 London.jpg。
其他 web 服务器(微软,IIS)对大小写不敏感:
能够以 london.jpg 或 London.jpg 访问 London.jpg。
如果使用混合大小写,那么您必须保持高度的一致性。
如果您从对大小写不敏感的服务器转到一台对大小写敏感的服务器上,这些小错误将破坏您的网站。
为了避免这些问题,请始终使用小写文件名(如果可以的话)。
HTML 文件名应该使用扩展名 .html(而不是 .htm)。
CSS 文件应该使用扩展名 .css。
JavaScript 文件应该使用扩展名 .js。