html5學(xué)習(xí)筆記 2017-02-09 am

瀏覽器作用

1.渲染網(wǎng)頁

2.讓用戶與網(wǎng)頁交互

主流瀏覽器

IE6

Chrome

firefox

safari

Opera

內(nèi)核不同導(dǎo)致兼容問題

Cache文件夾下的4個(gè)文件夾,再打開 IE 會(huì)新生成

系統(tǒng)自建的文件夾與網(wǎng)頁有關(guān)

文件夾中存儲(chǔ)內(nèi)容與網(wǎng)頁上內(nèi)容相對應(yīng)

這些文件夾是緩存文件夾,專門用來存儲(chǔ)網(wǎng)頁數(shù)據(jù)

結(jié)論:當(dāng)我們訪問網(wǎng)頁,內(nèi)容會(huì)緩存到本地,然后渲染

一個(gè)網(wǎng)頁是由一堆文件組成的

文件與服務(wù)器傳輸

請求行 + 請求頭 + 空行 + 請求體 (request)

響應(yīng)行 + 響應(yīng)頭 + 響應(yīng)體 (response)

URL 的各部分意思

URL:瀏覽器地址欄中輸入的就是 URL

完整形式 ?http://127.0.0.1:80/index.html

http:// ?URL 的協(xié)議類型

127.0.0.1 ? ?服務(wù)器 IP 地址

:80 ? ? ? ? ? ? ?端口號(hào)

index.html ? 資源名稱

IIS 高級(jí)配置 ?物理地址更改 IP

HTTP

HyperText Transfor Protoco

html

html 文件的擴(kuò)展名是 ?.html

不同軟件打開 .html 文件效果不同

瀏覽器不能編輯,記事本打開可以編輯

記事本打開只是純文本文件

.html 可以被記事本打開且能正常顯示,是純文本文件

html 的意義

html : HyperText Market Language

超文本標(biāo)記語言

html 是用來告訴瀏覽器語義的,用一些文本來描述另一些文本

這些文本也叫標(biāo)簽

顯示格式:記事本所有文字同級(jí)別

html 是專門用來描述文本的語義的

這些用于描述其他文本的語義的文本,在瀏覽器中不顯示,我們稱這些文本超文本也稱標(biāo)簽

所以我們稱 html 為超文本標(biāo)記語言

注意事項(xiàng):雖然利用 <h1></h1>描述的一段文本變大變粗,但是作用只是定義語義,并非修改文本樣式

html 發(fā)展史

IETF------>w3c

DNS 使域名與 IP 匹配

網(wǎng)頁固定格式

寫程序先分析,理清思路

編寫網(wǎng)頁步驟

1.新建文本

2.記事本打開

3.編寫 html 代碼

4.保存并修改擴(kuò)展名 html

5.利用瀏覽器打開

公司工作中,文件名命名用英文或者拼音,禁止用中文

html 的格式

<html>

? ? ? ? ? ?<head>

? ? ? ? ? ? ? ? ? ? ? <title>

? ? ? ? ? ? ? ? ? ? ? </title>

? ? ? ? ? ?</head>

? ? ? ? ? ?<body>

? ? ? ? ? ?</body>

</html>

沒有 / 為開始,有 / 為結(jié)束

<html></html> 標(biāo)簽的作用:告訴瀏覽器這是網(wǎng)頁

注意點(diǎn):其他所有標(biāo)簽都寫在 <html></html> 中間

<head></head> 標(biāo)簽的作用:給網(wǎng)站添加配置信息

注意點(diǎn):一般情況下,其中內(nèi)容不呈現(xiàn)給用戶,內(nèi)容是給瀏覽器看的

<tilte></title> 標(biāo)簽的作用:標(biāo)題,專門制定網(wǎng)站的標(biāo)題,且標(biāo)題為用戶保存時(shí)的默認(rèn)的標(biāo)題

注意點(diǎn):必須寫在 <head></head> ?中

body 標(biāo)簽:專門用于定義 html 給用戶看的那部分代碼

注意點(diǎn):雖然寫在別處用戶也能看到,但是不要這么做。一對 html 標(biāo)簽中只能有一對 body 標(biāo)簽

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,663評論 19 139
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,446評論 4 61
  • 原 Blog 鏈接:HTML基礎(chǔ)學(xué)習(xí)筆記 自學(xué) html 基礎(chǔ)筆記 Web 前端簡單介紹 web 前端包含: pc...
    任凱閱讀 1,493評論 0 5
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,888評論 32 459
  • 師者,傳道授業(yè)解惑也。 而我的親身經(jīng)歷告訴我,在物質(zhì)趨勢下的社會(huì)之中,大學(xué)的老師摘掉面具后的丑惡嘴臉是那么的令人…...
    簡單Mee閱讀 215評論 0 0

友情鏈接更多精彩內(nèi)容