--外功篇-《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>或者書寫錯誤,則瀏覽器將對文字以怪異模式進行解析。