基本骨架:
HTML 文件的最基本的四個標簽,組成了網(wǎng)頁的基本骨架,,包括:<html>、<head>,、<title>,、<body>
html 標簽:
定義 HTML 文件的根元素,表示整個的 HTML 文檔,,所有的標簽要書寫在 <html> 標簽內部
head 標簽:
用于存放 <title>,,<meta>,<base>,,<style>,,<script>,<link>,,內部用于對網(wǎng)頁的設置,,除了 <title> 內部的文字,其他標簽都不顯示在瀏覽器上,,該標簽也是 <head> 標簽中的必須設置的標簽
title 標簽:
- 讓頁面擁有一個屬于自己的標題
- title 中的關鍵字可以作為搜索引擎抓取時的關鍵字,,提高 SEO 搜索引擎優(yōu)化
- 內部的內容會顯示在搜索結果的標簽部分
- 作為瀏覽器收藏架默認的網(wǎng)頁標題
建議網(wǎng)頁必須添加 title 標簽內部內容,,內容盡量精簡,提取網(wǎng)頁關鍵字
body 標簽:
- 定義網(wǎng)頁的主體部分,,用于存放所有的 HTML 顯示內容的標簽
- 其內部元素內容會顯示在瀏覽器的窗口中
DTD
完整的 HTML 文件的第一行內容叫做文檔定義類型,,英文 DocType Definition,簡稱 DTD,,也稱作文檔聲明類型,,DocType Declaration
<!-- XHTML1.0 -->
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<!-- XHTML5 -->
<!DOCTYPE html>
<!-- XHTML1.0 -->
<!-- <html xmlns="http://www./1999/xhtml" xml:lang="en"></html> -->
<!-- XHTML5 -->
<html lang="en">
<head>
<!-- XHTML1.0 -->
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -->
<!-- XHTML5 -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
body 中編碼規(guī)范和 meta 中相同(UTF-8)
</body>
</html>
作用:告知瀏覽器網(wǎng)頁使用的是哪個版本的 HTML 規(guī)范,讓瀏覽器按照對應版本的 HTML 語法解析頁面
命名空間 xmlns
-
xml:可擴展標記性語言,,使用在傳輸過程中的規(guī)范,,被設計用來傳輸和存儲數(shù)據(jù),是 HTML 的補充
-
xmlns:全稱叫做 XML NameSpace,,NameSpace 叫做命名空間,,瀏覽器會將此命名空間用于該屬性所在元素內的所有內容
-
<html> 元素的命名空間規(guī)定了在不同用戶的瀏覽器中標簽語義遵循的統(tǒng)一標準,避免出現(xiàn)標簽名沖突,,這個標準使用的就是 xmlns屬性中的網(wǎng)址中的規(guī)范
-
語言:xml:lang=“en” 和 lang=“en” 表示所有的標簽元素內容的語言都是英語,,對搜索引擎和瀏覽器是有幫助的
字符集
- <head> 標簽內部的 <meta> 標簽通過 http-equip 屬性定義了當前的網(wǎng)頁所使用的字符編碼
- char:character(字符)set:集合
常用字符集編碼
國際通用字庫:
- UTF-8:以字節(jié)為單位對 Unicode 萬國碼進行編碼,涵蓋了所有人類對語言文字,,一個漢字為3個字節(jié)大小左右
中文國標字庫:
- gb2312:共收入漢字 6763 個和包括拉丁字母,、希臘字母、日文平假名及片假名,、俄語西里爾字母在內的682個
- gbk:是 gb2312 的擴展,,增加了繁體字,共收入 21886 個漢字和圓形符號,,其中漢字(包括部首和偏旁)21003 個,,圖形符號 883 個,一個漢字為2個字節(jié)大小
字符集常見問題:
- 如果沒有網(wǎng)頁加載速度要求,,或者制作的是外文網(wǎng)站,,使用 UTF-8
- 如果含有大量中文漢字的網(wǎng)站,而且要求網(wǎng)頁加載速度快,,使用 gbk
- meta 標簽聲明的字庫,,必須和編輯器軟件默認的字庫相同,否則兩個字庫不匹配,,瀏覽器加載會出現(xiàn)亂碼