1.H系列標(biāo)簽
注意點(diǎn)：
? H標(biāo)簽是用來(lái)給文本添加標(biāo)題語(yǔ)義的, 而不是用來(lái)修改文本的樣式的
? H標(biāo)簽一共有6個(gè), 從H1~H6, 最多就只能到6, 超過(guò)6則無(wú)效
? 被H系列標(biāo)簽包裹的內(nèi)容會(huì)獨(dú)占一行
? 在H系列的標(biāo)簽中, H1最大, H6最小
? 在企業(yè)開(kāi)發(fā)中, 一定要慎用H系列的標(biāo)簽, 特別是H1標(biāo)簽. 在企業(yè)開(kāi)發(fā)中一般情況下一個(gè)界面中只能出現(xiàn)一個(gè)H1標(biāo)簽(和SEO有關(guān))
2.相對(duì)路徑和絕對(duì)路徑
一般不使用絕對(duì)路徑
相對(duì)路徑幾種查找方式
? 同級(jí)
直接編寫(xiě), 例如: girl.png
加上./ 編寫(xiě), 例如./girl.png(./代表當(dāng)前目錄, ./girl.png代表在當(dāng)前目錄下查找)
? 下級(jí)
直接編寫(xiě), 例如abc/girl.png
加上./ 編寫(xiě), 例如./abc/girl.png
相對(duì)當(dāng)前目錄有幾個(gè)文件夾,就在后面依次補(bǔ)全幾個(gè)文件夾名稱(chēng)即可, 例如 abc/bbb/ccc/ddd/girl.png或./abc/bbb/ccc/ddd/girl.png
? 上級(jí)
../代表訪問(wèn)上級(jí)目錄
假設(shè)a文件夾下面有b文件夾, 圖片存放在a文件夾中, html文件存放在b文件夾中, 那么路徑為../girl.png
因?yàn)閔tml文件在b文件夾中, 所以路徑是相對(duì)于b文件夾的, 所以../代表訪問(wèn)b文件夾的上一級(jí)目錄, b文件夾的上一級(jí)目錄是a文件夾, 所以../girl.png就代表在a文件夾查找girl.png
? 注意事項(xiàng)：
相對(duì)路徑不會(huì)出現(xiàn)這種格式aaa/../bbb/girl.png
雖然可以顯示, 但是企業(yè)開(kāi)發(fā)中千萬(wàn)不要這么寫(xiě)
3.a標(biāo)簽
? base標(biāo)簽和a標(biāo)簽結(jié)合使用
o 如果每個(gè)a標(biāo)簽都想在新頁(yè)面中打開(kāi),那么逐個(gè)設(shè)置a標(biāo)簽的target屬性比較麻煩, 這時(shí)我們可以使用base和a標(biāo)簽結(jié)合的方式,一次性設(shè)置有a標(biāo)簽都在新頁(yè)面中打開(kāi)
o 格式: <base target="_blank" />
? 注意事項(xiàng):
o base必須嵌套在head標(biāo)簽里面
o 如果標(biāo)簽上指定了target,base中也指定了target,那么會(huì)按照標(biāo)簽上指定的來(lái)執(zhí)行
? a標(biāo)簽其它用法
o 假鏈接(本質(zhì)是跳轉(zhuǎn)到當(dāng)前頁(yè)面)
? 格式<a href="#">江哥博客</a>
? 格式<a href="javascript:">江哥博客</a>
o 跳轉(zhuǎn)到當(dāng)前頁(yè)面指定位置(錨點(diǎn)鏈接)
? 2.1.格式<a href="#location">跳轉(zhuǎn)到指定位置</a>
? 2.2.在頁(yè)面的指定位置給任意標(biāo)簽添加一個(gè)id屬性
? 例如 <p id="location">這個(gè)是目標(biāo)</p>
o 跳轉(zhuǎn)到指定頁(yè)面的指定位置
? 格式: <a href="01-錨點(diǎn)鏈接.html#location">跳轉(zhuǎn)到指定位置</a>
? 只需要在01-錨點(diǎn)鏈接.html頁(yè)面添加一個(gè)id位置即可
o 下載(極力不推薦使用)
? 例如<a href="girl.zip">下載福利資源<a/>
