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