详解HTML编程的标记与文档结构

    用HTML标记内容的目的是为了赋予网页语义（semantic）。换句话说，就是要给你的网页内容赋予某些用户代理（user agent）能够理解的含义。

    HTML 规定了一组标签，用来给内容打上不同的标记。每个标签都是对它所包含内容的一种描述。最常用的HTML描述的是标题、段落、链接和图片。目前，HTML一共有114个标签，但按照 80/20 原则，使用其中25个左右的标签就可以满足80%的标记需要。

    HTML 最新的版本 HTML5，又新规定了一批结构化标签，用于对相关内容的标签进行分组，从而更好地规范网页的整体结构。这些新标签包括<header>、<nav>（即 navigation，导航）、<article>、<section>、<aside>和<footer>。

1.标签的闭合

    对于每个包含内容的元素（比如标题、段落和图片），根据它所包含的内容是不是文本，有两种不同的方式给它们加标签，一种是使用闭合标签，另一种是使用非闭合标签。

1.1 文本用闭合标签

示例：<h1>Hello, CSS!</h1>
1.2 引用内容用自闭合标签

示例：<img src="images/dog.jpg" style="border: 1px solid rgb(165, 165, 248); padding: 0px 0px 5px; margin: 8px 0px 1.1em; font-family: 'Courier New', monospace; overflow: hidden; width: 646.796875px; word-break: break-all; color: rgb(68, 68, 68);">