1.<!DOCTYPE>
0.DOCTYPE 寫在第一行;
1.DOCTYPE 不是 HTML 標(biāo)簽;
2.DOCTYPE 是告訴瀏覽器該界面是用哪兒個(gè) HTML 版本進(jìn)行編寫的;
3.瀏覽器根據(jù) HTML 的版本來正確的顯示內(nèi)容.
4.HTML 5 的書寫格式為: <!DOCTYPE html>
2.HTML 的注釋
1.<!-- 注釋內(nèi)容 -->
2.快捷鍵: Command + /
3.HTML 代碼結(jié)構(gòu)
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body></body>
</html>
head 標(biāo)簽包含網(wǎng)頁標(biāo)題,描述,關(guān)鍵詞,引用的樣式文件,引用的腳本文件等.這里的內(nèi)容在網(wǎng)頁上面是無法直觀看到的.
body 標(biāo)簽包含網(wǎng)頁所有顯示的內(nèi)容,引用的腳本文件等.這里的內(nèi)容是展示出來可以看到的.
4.title 標(biāo)簽 <title></title>
網(wǎng)頁的標(biāo)題,會顯示在網(wǎng)頁的標(biāo)題欄中.是 head 標(biāo)簽內(nèi)唯一要求必須寫的內(nèi)容.
<title>這里是標(biāo)題</title>
5.link 標(biāo)簽 <link/>
link 標(biāo)簽是定義文檔與外部資源的關(guān)系,比如:鏈接樣式表,引入樣式文件等.
1.link 標(biāo)簽不是成對出現(xiàn)的;
2.link 標(biāo)簽只能置于 head 標(biāo)簽內(nèi).
link 標(biāo)簽常用的屬性有:
1.href : 被鏈接文檔的地址;
2.rel : 當(dāng)前文檔與被鏈接文檔的關(guān)系;
3.type : 規(guī)定被鏈接文檔的類型;
4.media : 被鏈接的文檔顯示在什么設(shè)備上.
栗子:
<link rel="stylesheet" type="text/css" />
6.設(shè)置網(wǎng)頁地址欄小圖標(biāo)
方法一:將圖片命名為: favicon.ico,然后放到網(wǎng)站的根目錄下;
方法二:放在 head 內(nèi),使用 link 標(biāo)簽引入.具體如下:
<link rel="shortcut icon" href="圖片網(wǎng)址" type="image/x-icon">
7.base 標(biāo)簽 <base/>
base 標(biāo)簽和link 標(biāo)簽一樣,也必須置于 head 標(biāo)簽內(nèi). base 標(biāo)簽有兩種屬性:
1.href : 定義默認(rèn)鏈接地址,當(dāng)沒有設(shè)置鏈接時(shí),默認(rèn)采用這個(gè)鏈接.
當(dāng)設(shè)置相對路徑鏈接時(shí),會和默認(rèn)鏈接進(jìn)行拼接,可理解為 iOS 開發(fā)中的BASE_URL.
但如果設(shè)置的鏈接是一個(gè)絕對路徑(http:開頭),那么則不會進(jìn)行拼接.
2.target : 定義默認(rèn)打開鏈接的方式.
栗子:
<base />
<base target="_blank" /> <!--在新的標(biāo)簽頁打開-->
<body>
<a href="news">news</a> //進(jìn)入http://www.baidu.com/news
<a >jd.com</a> //進(jìn)入 http://jd.com
</body>
8.meta 標(biāo)簽 <meta/>
meta 標(biāo)簽也必須置于 head標(biāo)簽內(nèi)
meta 標(biāo)簽用于提供有關(guān)頁面的元信息,其屬性定義了與文檔相關(guān)聯(lián)的名稱/值對.
meta 屬性分為名稱屬性和值屬性,這兩個(gè)都是必需的.
名稱屬性包括:(三選一)
1.http-equiv:把 content 屬性關(guān)聯(lián)到 HTTP 頭部;
2.name:把 content 屬性關(guān)聯(lián)到一個(gè)名稱;
3.scheme:定義用于翻譯 content屬性值的格式
值屬性只有 content 一個(gè).
栗子:
<meta http-equiv="expires" content="31 Dec 2015"> //此時(shí) http 頭部會包含expires:31 Dec 2015
