HTML文档的基本结构

HTML文档的基本结构如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>My test page</title>
    </head>
    <body>
        <h1>Hello Firefox!</h1>
        <img src="images/firefox-icon.png" alt="My test image">
    </body>
</html>

<!DOCTYPE html> — 文档类型。在当今作用有限,仅用于保证文档正常读取。

<html></html> — 该元素包含整个页面的内容,也称作根元素。

<head></head> — 该元素的内容对用户不可见,其中包含例如面向搜索引擎的搜索关键字(keywords)、页面描述、CSS 样式表和字符编码声明等。

<meta charset="utf-8"> — 该元素指定文档使用UTF-8字符编码,UTF-8包括绝大多数人类已知语言的字符。基本上UTF-8可以处理任何文本内容,还可以避免以后出现某些问题,没有理由再选用其他编码。

<title></title> — 该元素设置页面的标题,显示在浏览器标签页上,也作为收藏网页的描述文字。

<body></body> — 该元素包含期望让用户在访问页面时看到的内容,包括文本、图像、视频等等。