上QQ阅读APP看书，第一时间看更新
1.5 案例实战
1.5.1 编写简洁的HTML5文档
本节示例将遵循HTML5语法规范编写一个文档。本例文档省略了<html>、<head>、<body>等标签，使用HTML5的DOCTYPE声明文档类型，简化<meta>的charset属性设置，省略<p>标签的结束标记，使用<元素/>的方式结束<meta>和<br>标签等。
<!DOCTYPE html>
<meta charset="UTF-8">
<title>HTML5基本语法</title>
<h1>HTML5的目标</h1>
<p>HTML 5的目标是为了能够创建更简单的Web程序，书写出更简洁的HTML代码。
<br/>例如，为了使Web应用程序的开发变得更容易，提供了很多API；为了使HTML变得更简洁，开发出了新的属性、
新的元素等。总体来说，为下一代Web平台提供了许许多多新的功能。
这段代码在IE浏览器中的运行结果如图1.4所示。
图1.4 HTML5文档运行结果
通过短短几行代码就完成一个页面的设计，这充分说明HTML5语法的简洁，同时也说明HTML5不是一种XML语言，其语法也很随意。下面从这两方面进行逐句分析。
第一行代码如下。
<!DOCTYPE HTML>
不需要版本号，仅告诉浏览器需要一个doctype触发标准模式，可谓简明扼要。
接下来，说明文档的字符编码，否则将出现浏览器不能正确解析的情况。
<meta charset="utf-8">
HTML5不区分大小写，不需要标记结束符，不介意属性值是否加引号，即下列代码是等效的。
<meta charset="utf-8">
<META charset="utf-8" />
<META charset=utf-8>
在主体中，可以省略主体标记，直接编写需要显示的内容。虽然在编写代码时省略了<html>、<head>和<body>标记，但在浏览器进行解析时，将会自动进行添加。考虑到代码的可维护性，在编写代码时，应该尽量增加基本结构标签。