【HTML·標簽】2.1基礎(chǔ)標簽
HTML之所以能夠展示豐富多彩的內(nèi)容,就是有著非常豐富的標簽定義,每個標簽都有著各自的特定和屬性,根據(jù)標簽的功能,我們可以在【菜鳥教程】中很清楚的了解到各個標簽的含義:
https://www.runoob.com/tags/ref-byfunc.html
首先來了解基礎(chǔ)標簽,如表所示

這些標簽很多都是HTML頁面中必不可少的成分,另外,還有幾個元信息標簽

DOCTYPE、html、head、meta、title、body
<!DOCTYPE>
<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前。
<!DOCTYPE> 聲明不是一個 HTML 標簽;它是用來告知 Web 瀏覽器頁面使用了哪種 HTML 版本。各種不同HTML版本所對應的DOCTYPE聲明:

我們在學習過程中,只需要考慮第一種,HTML5這個版本的即可。這個版本的聲明及其簡單,只需要聲明為html即可。
注意:可不止有html一種聲明,HTML 4.01 規(guī)定了三種不同的 <!DOCTYPE> 聲明,分別是:Strict、Transitional 和 Frameset。
這個聲明如何使用呢?只需要放在HTML文檔的開頭即可

用瀏覽器打開的時候,就會被渲染為HTML頁面。
html標簽
上面的代碼中,可不止出現(xiàn)<!DOCTYPE html>這個聲明,還出現(xiàn)了例如<html>這樣的標簽,而這個<html>標簽,與<!DOCTYPE html>里面的html說的可不是一回事,<!DOCTYPE html>里面的HTML只是DOCTYPE所聲明的文檔類型為html類型,這是一個類型名稱,而非標簽。<html>是標簽,它是有<>這樣的括號包裹的,而且是一個雙標簽,有結(jié)束標簽</html>,所以兩者不能混為一談。
<html> 標簽告知瀏覽器這是一個 HTML 文檔。
<html> 標簽是 HTML 文檔中最外層的元素。
<html> 標簽是所有其他 HTML 元素(除了?<!DOCTYPE>?)的容器。
屬性值描述manifest
URL定義一個 URL,在這個 URL 上描述了文檔的緩存信息。xmlnshttp://www.w3.org/1999/xhtmlHTML 不支持。只有 XHTML 支持。?規(guī)定 XML 的 namespace 屬性(如果您需要您的內(nèi)容符合 XHTML,則使用這個屬性。)。
它有兩個屬性,這兩個屬性現(xiàn)在還用不到,所以先不介紹。
head標簽
<head> 元素是所有頭部元素的容器。
<head> 元素必須包含文檔的標題(title),可以包含腳本、樣式、meta 信息 以及其他更多的信息。
以下列出的元素能被用在 <head> 元素內(nèi)部:
<title>?(在頭部中,這個元素是必需的)
<style>
<base>
<link>
<meta>
<script>
<noscript>
<head> 標簽支持?HTML 的全局屬性。關(guān)于HTML的全局屬性,我們在后面章節(jié)繼續(xù)講解。
meta標簽
元數(shù)據(jù)(Metadata)是數(shù)據(jù)的數(shù)據(jù)信息。
<meta> 標簽提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在客戶端,但是會被瀏覽器解析。
META元素通常用于指定網(wǎng)頁的描述,關(guān)鍵詞,文件的最后修改時間,作者及其他元數(shù)據(jù)。
元數(shù)據(jù)可以被使用瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其他 Web 服務調(diào)用。
注意:<meta> 標簽通常位于 <head> 區(qū)域內(nèi)。元數(shù)據(jù)通常以 名稱/值 對出現(xiàn)。如果沒有提供 name 屬性,那么名稱/值對中的名稱會采用 http-equiv 屬性的值。

如:


在菜鳥教程中,每種屬性/屬性值都給出了對應的示例和說明,可以參考學習。
base標簽
<base> 標簽為頁面上的所有的相對鏈接規(guī)定默認 URL 或默認目標。
在一個文檔中,最多能使用一個 <base> 元素。<base> 標簽必須位于 <head> 元素內(nèi)部。
注意:請把 <base> 標簽排在 <head> 元素中第一個元素的位置,這樣 head 區(qū)域中其他元素就可以使用 <base> 元素中的信息了。
如果使用了 <base> 標簽,則必須具備 href 屬性或者 target 屬性或者兩個屬性都具備。

<base> 標簽支持?HTML 的全局屬性。
title標簽
<title> 標簽定義文檔的標題,在所有 HTML 文檔中是必需的。
<title>元素:定義瀏覽器工具欄中的標題,提供頁面被添加到收藏夾時的標題,顯示在搜索引擎結(jié)果中的頁面標題
注意:一個 HTML 文檔中不能有一個以上的 <title> 元素。如果遺漏了 <title> 標簽,文檔作為 HTML 是無效的。
<title> 標簽支持?HTML 的全局屬性。
body標簽
<body> 標簽定義文檔的主體。
<body> 元素包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等)。
<body> 標簽中不僅能夠支持HTML 的全局屬性,而且有以上屬性,雖然在HTML5中已經(jīng)不支持,但可以作為了解的內(nèi)容。
<h1> - <h6> 標簽
標題標簽,一共有6個,從h1到h6
<h1> - <h6> 標簽被用來定義 HTML 標題。
<h1> 定義重要等級最高的標題。<h6> 定義重要等級最低的標題。

這里定義了6個標題,各個標題的大小是不一樣的,從h1到h6依次減小。
<h1> - <h6> 標簽支持?HTML 的全局屬性。
p標簽
<p> 標簽定義段落。
<p>元素會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間,也可以在樣式表中規(guī)定。
<p> 標簽支持全局屬性。
<br> 標簽
<br> 標簽插入一個簡單的換行符。
<br> 標簽是一個空標簽,意味著它沒有結(jié)束標簽。
注意:在寫地址信息或者寫詩詞時 <br> 標簽非常有用。請使用 <br> 標簽來輸入空行,而不是分割段落。
<br> 標簽支持?HTML 的全局屬性。
<hr> 標簽
<hr> 標簽定義 HTML 頁面中的主題變化(比如話題的轉(zhuǎn)移),并顯示為一條水平線。
<hr> 元素被用來分隔 HTML 頁面中的內(nèi)容(或者定義一個變化)
<hr> 標簽支持?HTML 的全局屬性。
<!--...-->?注釋標簽
<!--...--> 注釋標簽用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。
可使用注釋對代碼進行解釋,這樣做有助于在以后的時間對代碼的編輯。特別是代碼量很大的情況下很有用。
也可以在注釋內(nèi)容存儲針對程序所定制的信息。在這種情況下,這些信息對用戶是不可見的,但是對程序來說是可用的。一個好的習慣是把注釋或樣式元素放入注釋文本中,這樣就可避免不支持腳本或樣式的老瀏覽器把它們顯示為純文本。
命令行最后的兩個正斜杠(//)是 JavaScript 注釋符號。這確保了 JavaScript 不會執(zhí)行 --> 標簽。
<!--...--> 注釋標簽不支持任何?HTML 的全局屬性。
這一章節(jié)的主要內(nèi)容到這里就結(jié)束了,下一章節(jié)繼續(xù)看HTML的標簽。
(本文很多知識點的引用,感謝【菜鳥教程】的分享:https://www.runoob.com/)