WEB學習-HTML的骨架
阿新 • • 發佈：2018-10-12
nal -h 人的 就是 esc style nbsp tran 搜索引擎
- HTML的標準骨架
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> </body> </html>
對骨架的解釋說明如下：
- 文檔聲明頭
-
任何一個標準的HTML頁面，第一行一定是一個以 <!DOCTYPE …… 開頭的語句。 這一行 就是文檔聲明頭，DocType Declaration， 告知瀏覽器文檔使用哪種HTML規範。 我們現在學習的是HTML4.01這個版本，這個版本是IE6開始兼容的。手機、移動端的網頁，就可以使用HTML5了。 總結一下，一共有6種DTD，說白了，HTML第一行語句一共有6種： 大規範（裏面的小規範） HTML4.01 Strict 嚴格的，體現在一些標簽不能使用，比如u Transitional 普通的 Frameset 帶有框架的頁面 XHTML1.
0 嚴格體現在小寫標簽、閉合、引號 Strict 嚴格的，體現在一些標簽不能使用，比如u Transitional 普通的（我們學習的版本） Frameset 帶有框架的頁面 strict表示“嚴格的”，這種模式裏面的要求更為嚴格。這種嚴格體現在哪裏？有一些標簽不能使用。 比如，u標簽，就是可以讓一個本文加上下劃線，但是這和HTML的本質有沖突，因為HTML只能負責語義，不能負責樣式，而u這個下劃線是樣式。所以，在strict中是不能使用u標簽的。 Transitional表示“普通的”，這種模式就是沒有一些別的規範。 Frameset表示“框架”，在框架的頁面使用。 我們學習的就是XHTML1.0中的transitional版本。因為我們的頁面中偶爾要使用一些類似u這種標簽（當做CSS鉤子）。
- 字符集
-
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
字符集用meta標簽定義，meta表示“元”。“元”配置，就是表示基本的配置項目。
-
中文能夠使用的字符集兩種： 第一種：UTF-8 ? <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 第二種：gb2312 ? <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 也可以寫成gbk ? <meta http-equiv="Content-Type" content="text/html;charset=gbk">
我們用meta標簽可以聲明當前這個html文檔的字庫，但是一定要和保存的類型一樣，否則亂碼！（重點）
-
總結： UTF-8 字多，有各種國家的語言，但是保存尺寸大，文件臃腫； gb2312字少，只用中文和少數外語和符號，但是尺寸小，文件小巧。
- 關鍵字和頁面描述
- 設置頁面描述
-
<meta name="Description" content="網易是中國領先的互聯網技術公司，為用戶提供免費郵箱、遊戲、搜索引擎服務，開設新聞、娛樂、體育等30多個內容頻道，及博客、視頻、論壇等互動交流，網聚人的力量。" />
只要設置的Desciption頁面描述，那麽百度搜索結果就能夠顯示這些語句。
也就是說，我們定義了一個名字是“Description”（描述）的meta。
2.定義關鍵詞
-
<meta name="Keywords" content="網易,郵箱,遊戲,新聞,體育,娛樂,女性,亞運,論壇,短信" />
這些關鍵詞 告訴搜索引擎 ，這個網頁是幹嘛的，能夠提高搜索命中率。
所以，一個比較完整的骨架應如下：
-
? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ? <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> ? <head> ? <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> ? <meta name="Keywords" content="牛逼，很牛逼，特別牛逼" /> ? <meta name="Description" content="網易是中國領先的互聯網技術公司，為用戶提供免費郵箱、遊戲、搜索引擎服務，開設新聞、娛樂、體育等30多個內容頻道，及博客、視頻、論壇等互動交流，網聚人的力量。" /> ? <title>Document</title> ? </head> ? <body> ? ? </body> ? </html>
- title標簽
-
<title>網頁的標題</title>
- 備註
-
網頁的head標簽界面，表示的是頁面的配置： 字符集 關鍵字 頁面描述 頁面標題
WEB學習-HTML的骨架