HTML即超級文本標記語言,是標準通用標記語言下的一個應用,也是一種規范,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁文件,然后根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對于不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。
HTML的發展
基礎知識
html文檔及靜態網頁,常用的格式有.htm和.html
html文檔可以直接用瀏覽器打開,本地的html文檔一般雙擊即可調用默認的瀏覽器軟件打開。
一般情況下,在瀏覽器中右擊,選擇“查看源文件”、“查看源代碼”,即可看到編寫該網頁的html代碼。
任何一個網頁都是由html代碼組成,其中包括我們現在講的html,還包括后期會講到的css、js等內容。
常用工具
編輯器:Dreamweaver、Notepad++、Sublime、editplus等
瀏覽器:建議使用google chrome。
HTML基本結構及文檔頭
<html><!--根控制標記--> <head> <!--網頁頭部區域--> </head> <body> <!--網頁顯示區域--> </body> </html><!--根控制標記(尾)-->
在“頭部區域”中,可能還會插入以下一些內容:
<title></title> <!--網頁的標題(顯示在瀏覽器標題欄的文字)--> <meta /> <!--meta元素,包括字符編碼、關鍵字、描述等等內容。--> <style></style> <!--內部樣式表--> <link /> <!--外部文件鏈接,主要為外部樣式表--> <script></script> <!--js程序-->
其中指定字符編碼往往是必須的,否則可能導致頁面顯示亂碼。針對html4.01及xhtml來說,字符編碼的定義如下:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
除此之外,“文檔聲明”也非常的重要,如果一個html文檔沒有文檔聲明,可能會導致一些意想不到的錯誤。
HTML 4.01 Transitional(4t):包含所有HTML元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Strict)(4s):包含所有HTML元素和屬性,但不包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Frameset:等同于HTML 4.01 Transitional,但允許框架集內容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict(xs):包含所有HTML元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。必須以格式正確的XML來編寫標記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional(xt):包含所有HTML元素和屬性,包括展示性的和棄用的元素(比如font)。不允許框架集(Framesets)。必須以格式正確的XML來編寫標記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">而到html5的時代,上面的什么就有些累贅了,我們可以簡單如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html>
注意事項
編寫文件的注意事項
“<”和“>”是任何標記的開始和結束。
標記和標記之間可以嵌套。但必須如數學中大中小括號一樣逐層關閉。
<html><body>html文件注意事項</body></html>
在源代碼中不區分大小寫。
<html>與<HTML>一樣
任何回車和空格在源代碼中不起作用。
HTML標記中可以放置各種屬性。多個屬性之間用空格分割,屬性和屬性值之間用等號鏈接,屬性值可以用引號括起來,也可以不用括。
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
可用“<!--”、“-->” 在源代碼中添加注釋。
大多數的html標簽都是成對出現的,也就是有開始部分就有對應的結束部分,如:
<html></html> <head></head> <body></body>
但也有部分的標簽只有開始,沒有結束,如:
<meta> <link>等等,在xhtml中,這部分標簽必須以“/>”結束,如:<meta ... /> <link ... />
© 致遠 2020-02-14,原創內容,轉載請注明出錯:html基礎知識及概述