html檔案的擴充套件名是什麼？檔案的檔案型別是什麼？

html檔案的擴充套件名有兩種：「html」和「htm」。html檔案是一種純文字檔案，是由HTML命令組成的描述性文字，是一種靜態的網頁檔案；HTML檔案在編輯時只能寫入純文字，無法像「.doc」檔案那樣直接為文字內容設定樣式。

前端（vue）入門到精通課程：進入學習

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

HTML 英文全稱是 Hyper Text Markup Language，中文譯為「超檔案標示語言」，專門用來設計和編輯網頁。

使用 HTML 編寫的檔案稱為「HTML 檔案」，一般字尾為.html（也可以使用.htm，不過比較少見）。HTML 檔案是一種純文字檔案，您可以使用 Windows 記事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文字編輯來開啟或者建立。

HTML 檔案 = 網頁

HTML 檔案描述網頁。
HTML 檔案也被稱之為網頁。
HTML 檔案包含了 HTML 標籤和純文字。

HTML標籤：

HTML 是一種標示語言，使用各種標籤來格式化內容，標籤的特點如下所示：

HTML 標籤由尖括號包圍的關鍵詞構成，比如 <html>；
除了少數標籤外，大多數 HTML 標籤都是成對出現的，比如 <b> 和 </b>；
成對出現的標籤中，第一個標籤稱為開始標籤，第二個標籤稱為結束標籤（閉合標籤）。

HTML 中的不同標籤具有不同的含義，學習 HTML 其實就是學習各個標籤的含義，根據實際場景的需要，選擇合適的標籤，從而製作出精美的網頁。

瀏覽器相對於HTML檔案的作用:

Web 瀏覽器的作用是讀取 HTML 檔案，並以網頁的形式去顯示出內容。
Web 瀏覽器不會顯示 HTML 標籤，而是使用標籤來解釋頁面裡的內容。

HTML 標籤程式碼如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>第一個網頁</title>
</head>
<body>
    <h1>這是我的第一個網頁</h1>
    <p>我一定會成為一名優秀的前端開發工程師。</p>
</body>
</html>

本例標籤程式碼解釋:

1、網頁的描述需寫在 <html></html> 標籤中。

2、標題、字元編碼、相容性、關鍵字、描述等資訊需寫在 <head></head> 標籤中。

3、網頁需要展示的內容需寫在 <body></body> 標籤中。

某些時候不按標準書寫程式碼雖然可以正常顯示，但是作為職業素養，還是一定要養成正規的編寫習慣。

<!DOCTYPE html> 檔案宣告頭.告知瀏覽器是使用哪種html版本進行編寫(這裡是HTML5).
<html lang="en"> 向搜尋引擎表示該頁面是html語言，並且語言為英文.
<h1></h1> 標題標籤. 為其中的文字內容增加了作為標題的語意.
<p></p> 段落標籤. 為其中的文字內容增加了作為段落的語意.

編輯器執行此段程式碼，Web 瀏覽器就會編譯 HTML 標籤程式碼，以標籤來解釋頁面裡的內容。
最終的執行結果便是展示出頁面裡的內容，不會顯示 HTML 標籤。

Web 瀏覽器展示效果如下:

1.webp.jpg

OK 我們再來認識下什麼是"純文字"檔案:

Windows 中自帶一個軟體，叫做記事本。
記事本儲存的檔案格式是 .txt 格式，就是英語text的縮寫。
術語上，稱呼這個檔案叫做:「 純文字檔案 」。

非純文字檔案和純文字檔案的含義與區別:

** .doc 非純文字檔案:**
我們做一個小實驗，開啟我們的 word 軟體，寫一個檔案再進行儲存，發現儲存後的檔案字尾名格式是 .doc 。另外我們在寫的過程中還發現 .doc 這個格式的檔案它還能夠設定以及儲存文字的樣式，比如文字有藍色的、橙色的，還可以為文字設定下劃線等等繁多的樣式。

2.webp.jpg

** .txt 純文字檔案:**
現在我們再開啟 Windows 自帶的記事本並進行寫作，我們發現在寫作的過程中是不能為文字設定顏色、不能為文字設定下劃線等樣式的。

4.webp.jpg

總結非純文字檔案和純文字檔案的含義與區別:

含義:

非純文字檔案(比如.doc):
它除了有文字，還可以為文字設定花樣繁多的樣式。
純文字檔案(比如.txt):
它只有文字，沒有樣式。

區別:

非純文字檔案(比如.doc):
它除了有純文字那樣可寫入文字的基本功能，並且還能夠設定以及儲存文字的樣式，比如將文字設定儲存為不同的文字顏色，為文字設定下劃線等等繁多的樣式。
純文字檔案(比如.txt):
一句話概括就是它只能規規矩矩老老實實工工整整的寫入文字，不能夠為文字設定任何樣式。

注:當 .doc 和 .txt 儲存著同樣的內容時，.doc 比 .txt 要大(因為含有樣式)。

為什麼這裡會先說明下非純文字檔案和純文字檔案的含義與區別呢?

因為:
HTML 就是純文字!
HTML 檔案在編輯時只能寫入純文字, 你會發現它無法像 .doc 檔案那樣直接為文字內容做樣式!

我們可以做個小實驗, 也是應驗HTML是純文字檔案的最經典實驗:

我們在電腦桌面上新建一個記事本 .txt 檔案. 開啟並隨意寫上文字內容後 Ctrl+S 儲存, 然後關閉檔案。

下一步我們強行將檔案的 .txt 拓展名改為 .html 拓展名. 此時這個 .html 檔案它便是一個網頁檔案

這時我們使用瀏覽器去開啟它, 我們發現瀏覽器是完全可以正常顯示原有的全部內容的!

這樣開始從一個 .txt 檔案修改為了 .html 檔案, 直至最後使用瀏覽器執行, 發現也是會正常顯示全部內容的過程, 足以證明 HTML 是純文字檔案!

另外我們也是完全可以使用記事本去編寫 HTML 檔案, 因為 HTML 檔案完全就是純文字檔案(但實際開發中沒人這麼幹, 這裡只是說明下罷了)。

更多程式設計相關知識，請存取：！！

以上就是html檔案的擴充套件名是什麼？檔案的檔案型別是什麼？的詳細內容，更多請關注TW511.COM其它相關文章！