HTML文档基本结构
HTML5文档结构与之前版本比更加简洁。第一行是固定的<!DOCTYPE html>用于声明本文档是HTML5类型的文档,后面通过<html></html>标签将所有文档内容包含起来。<html>标签内又包含了<head>和<body>两组标签,用于存放文档的头部(文档属性)和文档的主体(内容)。
html5文档仍然以htm或者html作为文件名后缀,以下是一个最简单的HTML5文档的内容,可以通过浏览器打开。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
<!-- 引入外部CSS文件 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 主体内容 -->
<!-- 引入外部JavaScript文件 -->
<script src="scripts.js"></script>
</body>
</html>
HTML通过<xxx></xxx>这种标签来构成内容,并且可以嵌套,以及在标签内设置属性与属性值,通过这种方式可以表达任意复杂的文档,并且结构严谨,方便开发以及浏览器的呈现。因此得到了广泛的使用。