【HTML·标签】2.1基础标签
HTML之所以能够展示丰富多彩的内容,就是有着非常丰富的标签定义,每个标签都有着各自的特定和属性,根据标签的功能,我们可以在【菜鸟教程】中很清楚的了解到各个标签的含义:
https://www.runoob.com/tags/ref-byfunc.html
首先来了解基础标签,如表所示

这些标签很多都是HTML页面中必不可少的成分,另外,还有几个元信息标签

DOCTYPE、html、head、meta、title、body
<!DOCTYPE>
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。
<!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。各种不同HTML版本所对应的DOCTYPE声明:

我们在学习过程中,只需要考虑第一种,HTML5这个版本的即可。这个版本的声明及其简单,只需要声明为html即可。
注意:可不止有html一种声明,HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。
这个声明如何使用呢?只需要放在HTML文档的开头即可

用浏览器打开的时候,就会被渲染为HTML页面。
html标签
上面的代码中,可不止出现<!DOCTYPE html>这个声明,还出现了例如<html>这样的标签,而这个<html>标签,与<!DOCTYPE html>里面的html说的可不是一回事,<!DOCTYPE html>里面的HTML只是DOCTYPE所声明的文档类型为html类型,这是一个类型名称,而非标签。<html>是标签,它是有<>这样的括号包裹的,而且是一个双标签,有结束标签</html>,所以两者不能混为一谈。
<html> 标签告知浏览器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素(除了 <!DOCTYPE> )的容器。
属性值描述manifest
URL定义一个 URL,在这个 URL 上描述了文档的缓存信息。xmlnshttp://www.w3.org/1999/xhtmlHTML 不支持。只有 XHTML 支持。 规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。
它有两个属性,这两个属性现在还用不到,所以先不介绍。
head标签
<head> 元素是所有头部元素的容器。
<head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
以下列出的元素能被用在 <head> 元素内部:
<title> (在头部中,这个元素是必需的)
<style>
<base>
<link>
<meta>
<script>
<noscript>
<head> 标签支持 HTML 的全局属性。关于HTML的全局属性,我们在后面章节继续讲解。
meta标签
元数据(Metadata)是数据的数据信息。
<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
注意:<meta> 标签通常位于 <head> 区域内。元数据通常以 名称/值 对出现。如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。

如:


在菜鸟教程中,每种属性/属性值都给出了对应的示例和说明,可以参考学习。
base标签
<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。
注意:请把 <base> 标签排在 <head> 元素中第一个元素的位置,这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。
如果使用了 <base> 标签,则必须具备 href 属性或者 target 属性或者两个属性都具备。

<base> 标签支持 HTML 的全局属性。
title标签
<title> 标签定义文档的标题,在所有 HTML 文档中是必需的。
<title>元素:定义浏览器工具栏中的标题,提供页面被添加到收藏夹时的标题,显示在搜索引擎结果中的页面标题
注意:一个 HTML 文档中不能有一个以上的 <title> 元素。如果遗漏了 <title> 标签,文档作为 HTML 是无效的。
<title> 标签支持 HTML 的全局属性。
body标签
<body> 标签定义文档的主体。
<body> 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。
<body> 标签中不仅能够支持HTML 的全局属性,而且有以上属性,虽然在HTML5中已经不支持,但可以作为了解的内容。
<h1> - <h6> 标签
标题标签,一共有6个,从h1到h6
<h1> - <h6> 标签被用来定义 HTML 标题。
<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。

这里定义了6个标题,各个标题的大小是不一样的,从h1到h6依次减小。
<h1> - <h6> 标签支持 HTML 的全局属性。
p标签
<p> 标签定义段落。
<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,也可以在样式表中规定。
<p> 标签支持全局属性。
<br> 标签
<br> 标签插入一个简单的换行符。
<br> 标签是一个空标签,意味着它没有结束标签。
注意:在写地址信息或者写诗词时 <br> 标签非常有用。请使用 <br> 标签来输入空行,而不是分割段落。
<br> 标签支持 HTML 的全局属性。
<hr> 标签
<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)
<hr> 标签支持 HTML 的全局属性。
<!--...--> 注释标签
<!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。
可使用注释对代码进行解释,这样做有助于在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。
也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。
命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。
<!--...--> 注释标签不支持任何 HTML 的全局属性。
这一章节的主要内容到这里就结束了,下一章节继续看HTML的标签。
(本文很多知识点的引用,感谢【菜鸟教程】的分享:https://www.runoob.com/)