HTML 基本骨架
HTML 基本骨架
HTML5的骨架是构建HTML5页面的基础结构，它主要由以下几个部分组成：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<div>
<p>正文</p>
</div>
</body>
</html>
1. DOCTYPE声明
- 作用：DOCTYPE是document type（文档类型）的缩写，它位于HTML文档的最前面，用于告知浏览器这个文档使用的是哪个HTML版本。对于HTML5，DOCTYPE声明如下：
<!DOCTYPE html>
这个声明是HTML5页面的必备组成部分，它有助于避免浏览器的怪异模式（quirks mode），确保页面在不同浏览器中能够以统一的标准进行渲染。
2. <html>标签
- 作用：<html>标签是HTML页面的根元素，它包裹了整个页面的内容。<html>标签限定了文档的开始点和结束点，浏览器在解析到这个标签时，就会知道这是一个HTML文档。
<html lang="en">
...
</html>
其中，lang="en"属性用于指定当前页面的主要语言是英语。这有助于搜索引擎更好地理解页面内容，并改善无障碍访问性（accessibility）。
3. <head>标签
- 作用：<head>标签用于定义文档的头部，它包含了文档的元数据（metadata），如文档的标题、字符集编码、对外部文件（如样式表、脚本）的引用等。<head>标签中的内容不会直接显示在网页上，但对网页的渲染和行为有重要影响。
<head>
<meta charset="UTF-8">
<title>页面标题</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" defer></script>
</head>
- <meta charset="UTF-8">：指定页面的字符编码为UTF-8，这是一种广泛使用的字符编码，能够表示世界上大多数语言的字符。
- <title>标签：定义了网页的标题，这个标题会显示在浏览器的标题栏或标签页上。<title>标签是<head>标签中唯一必须包含的标签。
- <link>和<script>标签：分别用于引入外部的样式表和JavaScript文件。这些文件通常包含了页面的样式和行为逻辑。
4. <body>标签
- 作用：<body>标签定义了HTML文档的主体部分，即用户可以直接在浏览器中看到的内容。<body>标签包含了网页的所有内容，如文本、图片、链接、表格、列表等。
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<img src="image.jpg" alt="描述性文本">
<!-- 其他内容 -->
</body>
在<body>标签中，可以使用各种HTML标签来构建网页的结构和内容。
