寒假在家斷斷續(xù)續(xù)的終于把HTML的課程學(xué)完了，今天抽空來總結(jié)一下所學(xué)的知識(shí)颠通，先從HTML鏈接開始吧：
鏈接
1址晕、HMTL中表示鏈接，用一個(gè)a標(biāo)簽加上href
2顿锰、鏈接地址就是一個(gè)URL谨垃，由Scheme+Host+Path+Query+Hash組成
省略協(xié)議
在HTML中，省略URL的不同部分硼控，含義也是不同的刘陶。
1、省略協(xié)議牢撼，http:// 匙隔，可以省略⊙妫【此時(shí)瀏覽器會(huì)根據(jù)你當(dāng)前的協(xié)議纷责，去補(bǔ)全URL】（這樣省略的好處是，節(jié)約資源撼短；頁面同時(shí)支持http和https協(xié)議的話比較方便再膳；如果https頁面引用了http資源，用省略協(xié)議瀏覽器會(huì)加載（它會(huì)補(bǔ)全成https）曲横，否則https頁面不會(huì)加載http頁面）
2喂柒、省略協(xié)議和host，這時(shí)URL是以單斜杠開頭的禾嫉，此時(shí)瀏覽器會(huì)以當(dāng)前的協(xié)議和host來補(bǔ)全這個(gè)url胳喷。（在瀏覽器中用$0 來選中元素，再用$0.herf來返回這個(gè)元素的url）夭织。
相對(duì)路徑與絕對(duì)路徑
1、相對(duì)路徑：相對(duì)于當(dāng)前頁面所在的目錄去找文件吠撮，..的意思是訪問上一級(jí)目錄尊惰。
2、絕對(duì)路徑：從根目錄開始泥兰，也就是從斜杠開始弄屡，從root開始找。
ps：實(shí)際開發(fā)的時(shí)候一般是用絕對(duì)路徑的鞋诗，開發(fā)的時(shí)候頁面的層級(jí)太多了膀捷，用相對(duì)路徑容易出錯(cuò)。
錨點(diǎn)
（又名頁面內(nèi)鏈接）
1削彬、使用場(chǎng)景：頁面比較長全庸，用錨點(diǎn)秀仲，讓用戶能夠跳轉(zhuǎn)到頁面的某個(gè)位置。
2壶笼、實(shí)現(xiàn)方式：用href=”#”來實(shí)現(xiàn)神僵，#后面是id的名字，如果沒有則直接回到頂部覆劈。
鏈接目標(biāo)
1保礼、使用場(chǎng)景：鏈接在新窗口打開或者是在當(dāng)前窗口打開。
2责语、實(shí)現(xiàn)方式：target屬性炮障，Self是當(dāng)前窗口，blank是新窗口坤候。
3胁赢、實(shí)用技巧：如果新窗口打開太多，用戶體驗(yàn)不好铐拐，做一個(gè)優(yōu)化徘键，把target做一個(gè)固定值。
HTML圖片
標(biāo)簽是img src="地址"
alt屬性
1遍蟋、使用場(chǎng)景：如果圖片無法加載吹害，或者是其他的情況（盲人），替代文字是必須要有的虚青∷剑或者是不加載圖片的時(shí)候，就能加載alt（省流量模式）
2棒厘、實(shí)現(xiàn)方式：alt="替代文字"
指定圖片的高寬
1纵穿、指定圖片的高寬有四種實(shí)現(xiàn)方式：
（1）不指定高寬，則按照原圖大小顯示奢人。
（2）指定寬度谓媒，按比例縮放到指定寬度
（3）指定高度，按比例縮放到指定高度
（4）指定高寬何乎，強(qiáng)制按指定寬高顯示句惯。
2、實(shí)用技巧：寬度和高度屬性是建議寫的支救，如果不寫抢野，圖片沒有加載完的時(shí)候尺寸未定，可能導(dǎo)致頁面閃爍各墨。 雖然css可以寫這個(gè)高和寬指孤，但是內(nèi)容性的圖片一般還是建議在html中寫。 css指定高和寬主要針對(duì)已經(jīng)知道了高和寬的圖片。
常用圖片格式
（1）jpg：適用于照片恃轩，Jpg的算法比較適合表示色彩豐富的圖片
（2）png：可以半透明＝嵬荨！色彩較少的時(shí)候使用
（3）gif：可以做多幀動(dòng)畫详恼，不能半透明补君。gif也適合顏色少，但是不合適半透明效果昧互，所以后來多用png挽铁，但是gif有動(dòng)畫，不過現(xiàn)在動(dòng)畫很多也不用gif做了敞掘，用css3來做的更多
（4）webp：google新出的圖片壓縮格式叽掘，webp壓縮算法好，大小更小玖雁，但是目前很多瀏覽器不支持
