HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 代码编写规范详解三

样式表CSS编写规范

样式表使用简洁的语法格式 ( type 属性不是必须的):

<link rel="stylesheet" href="styles.css" type="text/css" />

短的规则可以写成一行：

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 个字符。
在逗号和冒号后添加空格是常用的一个规则。

在 HTML 中载入 JavaScript

使用简洁的语法来载入外部的脚本文件 ( type 属性不是必须的 )：

<script src="script.js" type="text/javascript">

使用 JavaScript 访问 HTML 标签元素

一个代码不规范的的 HTML 格式可能会导致 JavaScript 执行错误，HTML 中 JavaScript 尽量使用相同的命名规则。以下两个 JavaScript 语句会输出不同结果：

var obj = getElementById("demo");
var obj = getElementById("Demo");

执行一下

使用小写文件名

大多 Web 服务器 (Apache，Unix) 对大小写敏感： london.jpg 不能通过 London.jpg 来访问。
其他 Web 服务器 (Microsoft，IIS) 对大小写不敏感： london.jpg 可以通过 London.jpg 或 london.jpg 访问。
你必须保持统一的风格，我们建议统一使用小写的文件名。

文件扩展名

HTML 文件后缀可以是 .html (或 .htm)。
CSS 文件后缀是 .css 。
JavaScript 文件后缀是 .js 。

.htm 和 .html 的区别

.htm 和 .html 的扩展名文件本质上是没有区别的。浏览器和 Web 服务器都会把它们当作 HTML 文件来处理。针对于具体应用有如下区别：

.htm 应用在早期 DOS 系统，系统限制或者只能有三个字符。
在 Unix 系统中后缀没有特别限制，一般用 .html。
在浏览器中，如果一个 URL 没有指定文件名 (如 http://www.w3capi.com/css/), 服务器会返回默认的文件名。通常默认文件名为 index.html、index.htm、default.html 和 default.htm等。
如果服务器只配置了 "index.html" 作为默认文件，你必须将文件命名为 "index.html", 而不是 "index.htm"。但是，通常服务器可以设置多个默认文件，你可以根据需要设置默认文件名。
不管怎样，HTML 完整的后缀是 ".html"。

作者文档