標籤:技術分享 set stand 導覽列 標記語言 機制 char 不同 文檔
HTML解釋:
HTML是英文Hyper Text Mark-up Language(超文字標記語言 (HTML))的縮寫,他是一種製作全球資訊網頁面標準語言(標記)。相當於定義統一的規則(W3C),大家都來遵守他,這樣就可以讓瀏覽器根據標記語言的規則去解釋它。
瀏覽器負責將標籤翻譯成使用者“看得懂”的格式,呈現給使用者!
網頁的組成:
一個網頁一般由兩部分組成即:
- HTML(Hypertext Markup Language)
- 和CSS(Cascade Style Sheets)
HTML負責描述網頁的結構和內容(如標題,導覽列等) CSS則負責網頁的表現(外觀)(如背景顏色,字型樣式等)。
<head>和</head>之間的內容,是元資訊和網站的標題 元資訊一般是不顯示出來的,但是記錄了你這個HTML檔案的很多有用的資訊
<body>和</body>之間的內容,是瀏覽器呈現出來的,使用者看到的頁面效果。也就是說這裡是網頁的主體。也就是body的身體之意
<html></html>是說明這個是一個網頁。告訴瀏覽器這個網頁的開始和結束。他包含了之後的兩個元素。<head>和</head>|<body>和</body>
文檔結構如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>
DOCTYPE部分
Doctype告訴瀏覽器使用什麼樣的html或xhtml規範來解析html文檔
HTML語言需要一個標準,當我們在第一行指定了<!DOCTYPE html>的時候,當瀏覽器去訪問我們的代碼的時候就就按照HTML代碼裡指定的標準去讀取和渲染給我們展現的頁面。
為什麼要使用<!DOCTYPE html>這個去告訴瀏覽器呢?
DOCTYPE模式:
我們先瞭解一下DOCTYPE的模式
- BackCompat:標準相容模式未開啟(或叫怪異模式[Quirks mode]、混雜模式)
- CSS1Compat:標準相容模式已開啟(或叫strict 模式[Standards mode/Strict mode])
問題產生:
當Netscape4(譯註:網景公司早期的瀏覽器)和IE4(微軟公司早期的瀏覽器)實現CSS機制時,並沒有遵循W3C提出的標準。Netscape4 提供了糟糕的支援,而IE4 雖然接近標準,但依舊未能完全正確的支援標準。儘管IE 5 修複了IE4 許多的問題(bugs),但是依然延續CSS實現中的其它故障(主要是盒模型(box model)問題)。
為了保證自己的網站在不同的瀏覽器中都能正確展現,網頁開發人員不得不依據各個瀏覽器的自身的規範來使用CSS。因此大部分網站的CSS實現並未符合W3C的標準。
然而隨著標準一致性變得越來越重要,瀏覽器開發商不得不面臨一個艱難的抉擇:逐漸遵循W3C的標準是前進的方向。但是改變現有CSS的實現,完整去遵循標準,會使許多網站或多或少受到破壞。如果瀏覽器突然以正確的方式解析現存的CSS,陳舊的網站顯示必然受到影響。
因此立即遵循標準會產生問題,然而忽略標準則又會維持瀏覽器大戰時(譯註:微軟和網景之間的一段競爭)所產生的混亂。
什麼是HTML