一、網(wǎng)頁(yè)的組成
HTML:頁(yè)面結(jié)構(gòu)
CSS:頁(yè)面樣式表現(xiàn)
JavaScript:交互行為
二、HTML語(yǔ)法:
2.1 HTML文件的后綴:
HTML文檔的后綴名:.html ? ?.htm
2.2快速生成HTML頁(yè)面結(jié)構(gòu)
Html:5 + tab鍵快速 生成html5的文檔結(jié)構(gòu)。
Html:4s + tab
2.3Doctype標(biāo)簽
2.4Link標(biāo)簽的常見(jiàn)用法
l引入DNS預(yù)先解析
dns預(yù)解析(了解):
引入網(wǎng)站icon圖標(biāo):
引入CSS樣式:
2.5 HTML標(biāo)簽
HTML標(biāo)簽代表整個(gè)文檔結(jié)構(gòu)。
HTML標(biāo)簽只嵌套head標(biāo)簽和body標(biāo)簽。
2.6 head標(biāo)簽
head標(biāo)簽定義的內(nèi)容只是提供給瀏覽器使用,不用于用戶的呈現(xiàn)。主要用來(lái)封裝其他位于文檔頭部的標(biāo)記,例如、<meta>、<link>及<style等,用來(lái)描述文檔的標(biāo)題、作者以及和其他文檔的關(guān)系等。
>用來(lái)描述文檔的標(biāo)題、作者以及和其他文檔的關(guān)系等。
meta標(biāo)簽
utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有g(shù)bk和gb2312。
gb2312 簡(jiǎn)單中文
GBK包含全部中文字符 ?繁體
BIG5 ? 繁體中文
UTF-8則包含全世界所有國(guó)家需要用到的字符
從二進(jìn)制說(shuō)起,符號(hào)表示文字,表示的模式就是編碼:聯(lián)想電報(bào)
title標(biāo)簽
title標(biāo)簽對(duì)于網(wǎng)站SEO至關(guān)重要,標(biāo)題的好壞直接影響網(wǎng)站的SEO
SEO(Search Engine Optimization):網(wǎng)站搜索引擎優(yōu)化
瀏覽器內(nèi)核(代表瀏覽器):
trident ( ie ), ?gecko (firefox), webkit(safari), ?blink ( opera,chrome)
瀏覽器工作原理:
瀏覽器接受用戶操作-封裝http請(qǐng)求-連接服務(wù)器:dns解析-發(fā)送請(qǐng)求報(bào)文-服務(wù)器接收請(qǐng)求-處理請(qǐng)求-
返回響應(yīng)報(bào)文-瀏覽器接收響應(yīng)報(bào)文-渲染頁(yè)面呈現(xiàn)。
HTTP (HyperText Transfer Protocol):超文本傳輸協(xié)議
DNS:域名和ip相互映射的分布式數(shù)據(jù)庫(kù)
作用
HTML:(超文本標(biāo)記語(yǔ)言)頁(yè)面結(jié)構(gòu)
CSS:頁(yè)面樣式表現(xiàn)
JavaScript:交互行為
html文件后綴
.html .htm .shtml 靜態(tài)網(wǎng)頁(yè)的后綴,擴(kuò)展名不同,實(shí)質(zhì)相同。
.htm 早期8位dos系統(tǒng)下只支持3位數(shù)的擴(kuò)展名。
Doctype聲明
聲明必須是 HTML 文檔的第一行,位于? 標(biāo)簽之前。
聲明不是 HTML 標(biāo)簽;它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令。
在 HTML 4.01 中, 聲明引用 DTD,因?yàn)?HTML 4.01 基于 SGML。DTD 規(guī)定了標(biāo)記語(yǔ)言的規(guī)則,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
HTML5 不基于 SGML,所以不需要引用 DTD。
link標(biāo)簽
常用屬性:rel 規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系 、href 規(guī)定被鏈接文檔的位置。
用法:
1.引入dns預(yù)解析
//
2.引入css樣式
//
3.引入網(wǎng)站icon圖標(biāo)
//
meta標(biāo)簽
charset屬性,設(shè)置編碼
編碼
utf-8:顯示中文簡(jiǎn)體繁體及其它語(yǔ)言(如英文,日文,韓文)
gbk:顯示簡(jiǎn)體中文、繁體中文’日語(yǔ)平假名
gb2312:簡(jiǎn)單中文
sublime快捷鍵
home行頭
end行尾
ctrl+/注釋
Ctrl + N新建
Ctrl+Shift +k 刪除一行
Alt + . 快速閉合標(biāo)簽
Ctrl + 回車 添加一行空行
Ctrl + Shift +V 粘貼過(guò)程中保持縮進(jìn)
Ctrl + H 替換
Ctrl + Shift + D -復(fù)制這行文本
SHift +Tab去除縮進(jìn)