1. 程式人生 > 實用技巧 >--外功篇-《HTML二三事》-01-HTML概述--

--外功篇-《HTML二三事》-01-HTML概述--

--外功篇-《HTML二三事》-01-HTML概述--

外傳

小蝦米最近在回顧html的知識,記錄記錄html的那二三事。
  知識前置:  
  1. 標籤是什麼
  2. 單標籤 與 雙標籤
  3. 行內元素 與 塊級元素

正傳

HTML是個什麼東西?

HTML,超文字標記語言。 (HyperText Markup Language)
有過C的基礎的小夥伴們可能對超文字標記沒什麼感覺,語言就是語言,超文字標記語言是個啥?
所謂文字標記,即是對文字進行操作,既然是語言,自然就是需要編譯器進行執行之後才能使用。

所以,HTML是執行在瀏覽器中,編譯之後形成網頁文字的一種語言。
至於HTML的“標記”,則在於HTML內容的構成。
HTML的文字內容,都是由一個個標籤剝離包裹而成。
一個個標籤構成了網頁文字內容的標記。(至於為什麼標記,參見JS對DOM操作的部分內容)

標籤是什麼?

標籤對於HTML的作用尤為重要。
在我們的word編輯軟體中,當我們需要對文字內容進行編輯,字型加粗、更改字型、設定標題、引入連結、放置圖片等操作時,只需要動動滑鼠進行設定就行。

但對於瀏覽器來說,要對HTML文字內容進行以上操作,就不能是動滑鼠操作了。瀏覽器就需要借用HTML中的標籤對文字的放置進行操作。
例如:
<h1>Hello World!</h1>
h1標籤的作用,就是放置一個一級標題的文字。

HTML的主體結構

HTML的文字結構由以下的形式進行構成:

<html>
      <head></head>
      <body></body>
</html>

<html></html>標籤用於包裹全部的文字文件內容,<head></head>用於包裹文件內容的頭部標籤資訊,<body></body>用於包裹HTML文字主要顯示內容。
有關<head></head>標籤具體內容參見:(日後更)

HTML中的文件宣告

由於HTML一路發展更新,至部落格記錄時為止,已經發展到HTML5。不禁回想起當初第一次接觸到HTML時的一些語句,與現在大有不同。

例如
如今的HTML5的文件宣告為<!DOCTYPE>,該宣告,必須書寫在html的最前面,用來告知文件需要以何種方式進行解析。
如果沒有<!DOCTYPE>或者書寫錯誤,則瀏覽器將對文字以怪異模式進行解析。