[toc] 術語 1. web：互聯網。 2. w3c：萬維網聯盟，非盈利組織，官網：w3.org。為互聯網提供各種標準。 1. 代替網址：MDN：Mozilla Development Network。Mozilla開發者社區。有中文。 3. ISO：國際標準組織。 4. XML： 可擴展 的標記 ...
目錄
術語
- web：互聯網。
- w3c：萬維網聯盟，非盈利組織，官網：w3.org。為互聯網提供各種標準。
- 代替網址：MDN：Mozilla Development Network。Mozilla開發者社區。有中文。
- ISO：國際標準組織。
- XML：可擴展的標記語言（extension markup language）用於定義文檔結構。
HTML
-
HTML是w3c組織定義的語言標準。HTML是用於描述頁面結構的語言。
-
HTML全稱：Hyper Text Markup Language。超文本標記語言。
-
書寫一個一級標題：
<h1>一級標題</h1>
CSS
-
CSS也是w3c定義的語言標準。CSS是用於描述頁面展示的語言。（字體顏色，大小，佈局等等。）
-
CSS決定頁面長什麼樣子。
-
執行HTML與CSS：用瀏覽器內核執行。
- 瀏覽器由兩部分組成：
- shell：外殼。
- core：內核（JS執行引擎、渲染引擎）。
- 世界上主流的瀏覽器（擁有自己的內核）：
- IE：Trident內核。
- Firefox：Gecko內核。
- Chrome：之前為Webkit內核現在是Blink內核。
- Opera：Blink內核。
- Safari：Webkit內核。
版本和相容性
- HTLM5:2014出版。
- XHTML:可以認為是HTML的一個版本，完全符合XML的規範。但現在基本不用。
- CSS3：目前還沒有制定完成。
- 瀏覽器由兩部分組成：
開發環境的準備
-
顯示文件擴展名（不懂可百度）。大部分文件：文件名+擴展名（尾碼名）。
- 擴展名決定了文件被什麼打開。
-
安裝瀏覽器：推薦安裝谷歌瀏覽器（推薦百度搜索Chrome，進入官網安裝，以免安裝有病毒）
- 谷歌瀏覽器始終與w3c標準同步。
- 將谷歌瀏覽器設置為預設瀏覽器
-
安裝專業編輯器：
-
Emmet插件：自動生成html代碼片段
HTML
- 註釋方法：Ctrl+?
<!-- 註釋內容 -->
- 元素(標簽、標記，但官方稱之為element（元素）)
- 元素 = 起始標記（begin tag）+ 結束標記（end tag）+ 元素內容（element content）+ 元素屬性（非必選）
屬性 = 屬性名（href)+屬性值- 局部屬性：某些元素特有的屬性。
- 全局屬性：所有的元素同用。
- 元素 = 起始標記（begin tag）+ 結束標記（end tag）+ 元素內容（element content）+ 元素屬性（非必選）
<title>text</title>
<a href="http://baidu.com" title = "百度官網">百度</a>
<h1 title="這是全局屬性">
這是全局屬性
</h1>
<!-- <a>: 起始標記，表示a元素
</a>：結束標記，
百度：元素內容。
:-->
- 有些元素沒有結束標記（故沒有元素內容），叫做空元素
<meta charset="UTF-8">
空元素的兩種寫法：
1. <meta charset="UTF-8">
2. <meta charset="UTF-8"/> /:表示閉合標記，表示結束。
- 元素的嵌套：元素不能相互嵌套；父元素；子元素；祖先元素；後代元素；兄弟元素（擁有同一個父元素的兩個元素）
- 標準的文檔結構
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie+edge">
<title>Document</title>
</head>
<body>
</body>
</html>
<!-- 文檔聲明：告訴瀏覽器當前文檔使用的HTNL標準是HTML5，不寫文檔聲明將導致瀏覽器進入怪異渲染模式 -->
<!DOCTYPE html>
<!-- 根元素：一個頁面最多只能有一個，並且該元素是其他所有元素的父元素或者祖先元素,HTML5可以不寫
lang屬性（可以用在任意元素中）：language,全局屬性，表示該元素內部使用的文字是哪一種自然語言書寫而成的；en:English，zh-CN:簡體中文，但已過時，現在用cmn-hans:簡體中國官方語言-->
<html lang="cmn-hans">
</html>
<!-- 必須作為子元素出現,表示文檔頭，文檔頭內部的內容不會顯示在頁面上。
<meta>元素：文檔的原數據，文檔的附加信息。
charset：指定網頁內部編碼，電腦中，低壓電（0~2V）來表示0，高壓電（2~5V）表示1。電腦中只能存儲數字，只能將文字和數字進行對應，相當於一個字典，改字典就叫做字元編碼表。
name、content：適配手機端的
<meta http-equiv="X-UA-Compatible" content="ie+edge">：如果瀏覽器是IE則告訴瀏覽器使用edge內核，即更換瀏覽器的內核-->
<!-- <title>Document</title>：網頁標題。 -->
<head>
</head>
<!-- 文檔體: 頁面上所有要參與顯示的元素-->
<body>
</body>
