## HTML基礎(chǔ)-認(rèn)識(shí)HTML
# head標(biāo)簽
# title標(biāo)簽
# body標(biāo)簽
# meta標(biāo)簽(字符集)
# DTD文檔聲明
HTML基礎(chǔ)—基本概念
請(qǐng)求報(bào)文:
-請(qǐng)求行+請(qǐng)求頭+空行+請(qǐng)求體
響應(yīng)報(bào)文:
-響應(yīng)行+響應(yīng)頭+響應(yīng)體
什么是URL
格式:
http://127.0.0.1/index.html(瀏覽器會(huì)自動(dòng)添加:80)
http://127.0.0.1:80/index.html(完整格式)
拆分解釋:
http://?URL協(xié)議類型
127.0.0.1 服務(wù)器IP地址
:80 服務(wù)器端口號(hào)
index.html 需要訪問(wèn)的資源名稱
拆分解釋:
IP地址和端口號(hào)相當(dāng)于告訴我們地址和門(mén)牌號(hào)碼
index.html的作用:當(dāng)我們通過(guò)IP地址和端口號(hào)找到對(duì)應(yīng)的服務(wù)器之后,需要通過(guò)資源名稱告訴服務(wù)器我們需要獲取服務(wù)器上的哪個(gè)資源
什么是HTTP協(xié)議
-HTTP是Hypertext Transfer Protocol的縮寫(xiě),超文本傳輸協(xié)議
HTTP協(xié)議是用來(lái)規(guī)范/約束哪一類事物?
-規(guī)范語(yǔ)言
什么是純文本文件
-能用txt直接打開(kāi)的
-.html文件是純文本文件
什么是HTML?
-HTML其實(shí)就是HyperText Markup Lanuage的縮寫(xiě),超文本標(biāo)記語(yǔ)言
HTML的作用
-專門(mén)用來(lái)描述文本的語(yǔ)義的,也就是說(shuō)我們可以利用HTML來(lái)告訴瀏覽器哪些是標(biāo)題,哪些是段落
-這些用于描述其他文本語(yǔ)義的文本,我們稱之為標(biāo)簽.并且這些用于描述其他文本語(yǔ)義的標(biāo)簽將來(lái)在瀏覽器中是不會(huì)被顯示出來(lái)的.
-所以因?yàn)镠TML的這些標(biāo)簽是專門(mén)用來(lái)描述其他文本語(yǔ)義的,并且在瀏覽器中不會(huì)被顯示出來(lái),所以我們稱這些文本為”超文本”.而這些文本叫做標(biāo)簽,所以HTML被稱為”超文本標(biāo)記語(yǔ)言”.
注意事項(xiàng):
-雖然我們利用<1>描述一段文本之后,這段文本在瀏覽器中會(huì)被放大和加粗,看上去我們是利用HTML的標(biāo)簽修改了被描述文本的大小,但是H5只用來(lái)給文本添加語(yǔ)義而不是修改樣式
面試問(wèn)題:HTML用來(lái)改變字體樣式大小 //錯(cuò)誤
HTML發(fā)展史
IETF簡(jiǎn)介
IETF是英文Internet Engineering Task Force的縮寫(xiě),翻譯過(guò)來(lái)就是”互聯(lián)網(wǎng)工程任務(wù)組”
W3C簡(jiǎn)介
-W3C是英文World Wide Web Consortium的縮寫(xiě),翻譯過(guò)里啊就是W3C理事會(huì)或者萬(wàn)維網(wǎng)聯(lián)盟,是全球萬(wàn)維網(wǎng)最權(quán)威的
HTML基本結(jié)構(gòu)
head標(biāo)簽
作用:
-用于給網(wǎng)站添加一些配置信息
例如:
-指定網(wǎng)站的SEO的標(biāo)題/指定網(wǎng)站的小圖片
-外掛一些外部的css/jswenjian-添加一些瀏覽器適配相關(guān)的內(nèi)容
-注意點(diǎn):
head
-一般情況下,寫(xiě)在head標(biāo)簽內(nèi)部的內(nèi)容都不會(huì)顯示給用戶查看,也就是說(shuō)一般情況下寫(xiě)head標(biāo)簽內(nèi)部的內(nèi)容我們都看不到
title
作用:
-專門(mén)用于指定網(wǎng)站的標(biāo)題,并且這個(gè)指定的標(biāo)題還會(huì)作為用戶保存網(wǎng)站的默認(rèn)標(biāo)題
body
作用:
專門(mén)用于定義HTML文檔中需要給用戶查看的內(nèi)容(文字/圖片/音頻/視頻)
注意點(diǎn):
-雖然有時(shí)候你可能將內(nèi)容寫(xiě)到了別的地方,在網(wǎng)頁(yè)中也能看到,但是千萬(wàn)不要這么干,一定要將要顯示的內(nèi)容寫(xiě)到body中
一對(duì)body標(biāo)簽中只能有一對(duì)body標(biāo)簽
## 字符集的問(wèn)題
meta標(biāo)簽的作用
-指定當(dāng)前網(wǎng)頁(yè)的字符集
如何解決亂碼現(xiàn)象?
-在head標(biāo)簽中添加””
什么是字符集
-字符集就是字符的集合
GBK(GB2312)
-僅僅存儲(chǔ)了漢字和一些常用外文
UTF-8
-存儲(chǔ)了世界上所有文字
注意點(diǎn):
-在HTML文件中指定的字符集必須和保存這個(gè)文件的字符集一致,否則仍然會(huì)出現(xiàn)亂碼(可以另存為,并將編碼方式改成與文件字符集一致)
單標(biāo)簽
-只有開(kāi)始標(biāo)簽沒(méi)有結(jié)束標(biāo)簽,也就是由一個(gè)<>組成的
雙標(biāo)簽
-有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽,也就是由<>和組成
標(biāo)簽關(guān)系
-并列關(guān)系(兄弟關(guān)系)
-嵌套關(guān)系(父子關(guān)系)
什么是DTD文檔聲明?
-由于HTML有很多個(gè)版本規(guī)范,每個(gè)版本的規(guī)范志堅(jiān)又有一定的差異,所以為了讓瀏覽器能夠正確的編譯/解析/軒然我們的網(wǎng)頁(yè),,我們需要在HTML文件的第一行告訴瀏覽器,我們當(dāng)前這個(gè)網(wǎng)頁(yè)是用哪一個(gè)版本的HTML編寫(xiě)的,瀏覽器只要知道了我們是用哪一個(gè)版本的規(guī)范來(lái)編寫(xiě)之后,它就能夠正確的編譯/解析/渲染我們的網(wǎng)頁(yè)
DTD文檔聲明格式?
每一個(gè)不同版本的規(guī)范都有不同的DTD規(guī)范聲明
注意點(diǎn):
1.任何一個(gè)標(biāo)準(zhǔn)的HTML網(wǎng)頁(yè),第一行一定是DTD文檔聲明,也就是說(shuō)DTD文檔必須寫(xiě)在第一行
2.DTD文檔聲明不區(qū)分大小寫(xiě)
3.DTD文檔聲明不是一個(gè)標(biāo)簽
4.雖然DTD文檔聲明的作用是用于高速瀏覽器我們的網(wǎng)頁(yè)是用哪一個(gè)版本的標(biāo)準(zhǔn)編寫(xiě)的,以便于方便瀏覽器解析和渲染.但是瀏覽器并不是完全依賴這個(gè)DTD文檔聲明,瀏覽器有一套屬于自己的機(jī)制
也就是說(shuō)DTD文檔不寫(xiě)網(wǎng)頁(yè)也能正常運(yùn)行,但是W3C規(guī)定第一行必須寫(xiě)上DTD文檔,為了遵守規(guī)定,我們第一行一定要寫(xiě)上DTD文檔
