本文章的编写基于清华大学出版社出版，由周文洁编著的《HTML5网页前端设计》一书
萌新自学学习笔记，求大佬放过.jpg
一、HTML5基本结构
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
主体内容
</body>
</html>
1.文档类型说明 <!DOCTYPE html>
1.DOCTYPE 的全称为 Document Type.
2.含义：文档类型
3. <!DOCTYPE html> 是 HTML5 的 DOCTYPE 声明。
4. HTML5 用 <!DOCTYPE> 标签定义文档该基于何种标准在网页中呈现。
eg：<!DOCTYPE html> 表示：该网页的呈现标准是基于 HTML5 的。
5.使用 DOCTYPE 声明方式时，浏览器会将此页面定义为标准兼容模式。
注：浏览器对网页有多种解析模式，例如标准模式（Strict mode）、怪异模式（Quirks mode）
2.根标签 <html>
1. <html> 是 HTML5 文档的根元素标签，所有的 HTML5 文档都是以 <html> 标签开始，以 </html> 标签结束的（顶部的 <!DOCTYPE html> 文档类型声明除外）。
3.首部标签 <head>
1. HTML5 的首部以 <head> 标签开始，以 </head> 标签结束。
2. <head> 标签中的内容不会显示在网页的页面当中。
3. <head> 标签中还会包含其他标签，用于声明页面的标题、关键字等。
（1）网页标题标签 <title>
1.开始：<title> 标签；结尾：</title> 标签，HTML5 中用这两个标签来标记网页标题。
2. <title> 和 </tiitle> 之间的内容是网页的标题，会显示在网页的标题栏中。
3.如果省略 <title> 标签，那么网页标题会显示为无标题文档/编写文档时，文档的名称。
eg：如图所示
（2）基础地址标签 <base>
1. <base> 标签用于为页面上所有的链接设置默认 URL 地址或者目标 target 。当 HTML5 文档中使用了相对路径时，浏览器会用 <base> 标签指定的 URL 进行补全。
例如：
<head>
<base href="http://localhost/images/" />
</head>
<body>
<img src="sunflower.jpg" />
</body>
注：此时在图像标签 <img> 中 src 属性填写的是一个相对路径，由于 <base> 标签的作用，该路径会被浏览器自动补全为：<img src="http://localhost/images/sunflower.jpg" /> 。
2. <base> 标签也可以为该网页上所有超链接通过一设置打开方式
例如：
<head>
<base target="_blank" />
</head>
<body>
<a herf="http://www.baidu.com">百度</a>
<a herf="http://www.163.com">网易</a>
</body>
注：在 <base> 标签中的属性 target="_blank" 指的是该网页文档中所有未指定打开方式的超链接将在新窗口打开。
