HTML文档
| 问题 |
解决方案 |
| 表示文档包含的是HTML5内容 |
使用DOCTYPE元素 |
| 表示文档中HTML标记的开始 |
使用html元素 |
| 表示HTML文档中元数据部分的开始 |
使用head元素 |
| 表示HTML文档中内容部分的开始 |
使用body元素 |
| 设置HTML文档的标题 |
使用title元素 |
| 设置HTML文档中相对URL的基础URL |
使用base元素 |
| 添加对于HTML文档所含数据的声明 |
使用meta元素 |
| 声明HTML文档的字符编码 |
使用带charset属性的meta元素 |
| 设置HTML文档的默认样式表或周期性的刷新页面内容 |
使用带http-equiv属性的meta元素 |
| 定义文档内嵌样式 |
使用style元素 |
| 载入样式表文件和网站标志 |
使用link元素 |
| 预先载入预计马上会用到的资源 |
使用rel属性值为prefetch的link元素 |
| 定义文档内嵌脚本 |
使用script元素 |
| 载入外部脚本文件 |
使用带src属性的script元素 |
| 控制脚本的执行时机和方式 |
使用带async或defer的script元素 |
| 浏览器不支持javascript脚本所显示的内容 |
使用noscript元素 |
<!-- 声明文档包含的是html5内容 -->
<!DOCTYPE HTML>
<!-- 文档的根元素 -->
<html>
<!-- 包含文档的元数据 -->
<head>
<title>html标题</title>
<base href="" />
<meta name="author" content="A simple example"/>
<!-- 让浏览器每隔五秒就载入此页面 -->
<meta http-equiv="refresh" content="5"/>
<!-- 载入外部样式文件 -->
<link rel="stylesheet" type="text/css" href="styles.css"/>
<!-- 网站标志 如果网站标志文件位于/favicon.ico（即Web服务器的根目录），那就不必用到link元素。大多数浏览器在载入页面时都会自动请求这个文件，就算没有link元素也是如此。-->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<!-- 预加载资源 -->
<link rel="prefetch" href="/page2.html"/>
<!-- 定义文档内嵌样式 -->
<style></style>
<!-- 定义文档内嵌脚本 -->
<script>
console.log("hello");
</script>
<!-- 载入外部脚本文件，默认情况下，浏览器一遇到script元素就会暂停处理HTML文档，转而载入脚本文件并执行其中的脚本。有个显而易见的解决办法是将script元素放到文档最后 -->
<script src="jsvascript.js"></script>
<!-- 在HTML5中可以用defer属性达到同样的目的。浏览器在遇到带有defer属性的script元素时，会将脚本的加载和执行推迟到HTML文档中所有元素都已得到解析之后。defer属性只能用于外部脚本文件，它对文档内嵌脚本不起作用。 -->
<script defer src="jsvascript.js"></script>
<!-- 使用了async属性后，浏览器将在继续解析HTML文档中其他元素（包括其他script元素）的同时异步加载和执行脚本。-->
<script async src="jsvascript.js"></script>
<!-- noscript元素可以用来向禁用了JavaScript或浏览器不支持JavaScript的用户显示一些内容。 -->
<noscript>
<h1>Javascript is required!</h1>
<p>You cannot use this page without Javascript</p>
</noscript>
<!-- 技巧：在浏览器不支持JavaScript时将其引至另一个URL。这需要在noscript元素中加入一个meta元素 -->
<noscript>
<meta http-equiv="refresh" content="0; http://www.apress.com"/>
</noscript>
</head>
<!-- 文档的内容 -->
<body>
<!-- 载入外部脚本文件，默认情况下，浏览器一遇到script元素就会暂停处理HTML文档，转而载入脚本文件并执行其中的脚本。有个显而易见的解决办法是将script元素放到文档最后 -->
<script src="simple2.js"></script>
</body>
</html>