a標(biāo)簽的用法
a 標(biāo)簽的屬性：
-
href。取值如下：
- 網(wǎng)址，例如：//google.com（會自動適應(yīng) https 或 http）
- 路徑：
- /a/b/c 以及 a/b/c。如果我們開啟 http 服務(wù)，那么/a/b/c 的根目錄就不是硬盤的根目錄，你在哪里開的 http 服務(wù)哪里就是根目錄。
- index.html 或者./index.html。
- 偽協(xié)議：
- javascript:代碼;（寫一個(gè)點(diǎn)擊后不刷新頁面不跳轉(zhuǎn)的 a 標(biāo)簽，就可以加 javascript:;）
- mailto:郵箱（點(diǎn)擊 a 標(biāo)簽后，直接跳轉(zhuǎn)到發(fā)郵件的頁面，并且自動補(bǔ)全此郵箱地址）
- tel:手機(jī)號（點(diǎn)擊此 a 標(biāo)簽，會彈出一個(gè)界面，可直接撥打此手機(jī)號。這個(gè)技巧可以用在簡歷上）
- id：
href=#xxx。
a 標(biāo)簽的作用：跳轉(zhuǎn)外部頁面，跳轉(zhuǎn)內(nèi)部錨點(diǎn)，跳轉(zhuǎn)到郵箱或電話等
- target，指定在哪個(gè)窗口打開你的超鏈接：
- 一般使用 _blank ，表示在空白頁打開。
- 默認(rèn)值是_self，表示在當(dāng)前頁面打開。
- _top，當(dāng)文件引用另一個(gè)文件，并且另一個(gè)文件里面有一個(gè)鏈接，target 的值為_top，這時(shí)在頁面上點(diǎn)擊這個(gè)鏈接會在該引用文件的頂級窗口打開。
- _parent，當(dāng)文件引用另一個(gè)文件，另一個(gè)文件再引用一個(gè)文件，并且在這再一個(gè)文件里面有鏈接，target 的值為_parent，這時(shí)在頁面上點(diǎn)擊這個(gè)鏈接會在該引用文件的上一級窗口打開。
- xxx，如果有一個(gè)叫做 xxx 的窗口，點(diǎn)擊 a 鏈接時(shí)就在 xxx 窗口打開，如果沒有叫 xxx 的窗口，就創(chuàng)建一個(gè)叫 xxx 的窗口。怎么驗(yàn)證呢？控制臺，輸入
window.name，會出現(xiàn)'xxx'，也就是當(dāng)前窗口的名字。 - 做一個(gè) goodbye 網(wǎng)站。鏈接的 target 為 xxx，iframe 的 name 也等于 xxx，這時(shí)在頁面上點(diǎn)擊鏈接，就會在 iframe 里打開鏈接的網(wǎng)頁。
- iframe 標(biāo)簽，目前前端已經(jīng)很少使用這個(gè)標(biāo)簽了，因?yàn)樗缓糜茫话憷舷到y(tǒng)使用，不需要過多學(xué)習(xí)。新的前端一般都使用 Ajax。
img 標(biāo)簽的用法
作用：發(fā)出 get 請求，展示一張圖片。
屬性：alt/height/width/src。圖片加載失敗，就會顯示 alt 的文字內(nèi)容，一般用來提示用戶。height、width 的單位不用寫，默認(rèn)是 px，因?yàn)橹恢С?px，只寫 height，width 會自適應(yīng)，只寫 width，height 會自適應(yīng)，都寫的話，圖片會變形。
事件：onload/onerror，監(jiān)聽圖片是否加載成功。
xxx.onload = function() {
console.log("圖片加載成功");
};
xxx.onerror = function() {
console.log("圖片加載失敗");
xxx.src = "/404.png";
};
復(fù)制代碼
- 響應(yīng)式：max-width:100%
table 標(biāo)簽的用法
table相關(guān)的標(biāo)簽：
<table>
<thead>
<tr>
<th></th>
//table head
</tr>
//table row
</thead>
<tbody>
<tr>
<td></td>
//table data
</tr>
</tbody>
<tfoot></tfoot>
</table>
復(fù)制代碼
table 里只能有thead、tbody、tfoot這三個(gè)標(biāo)簽，可以只有 thead 和 tbody，或者只有 tbody。
table 相關(guān)的樣式：
- table-layout，取值有 auto、fixed，auto 是根據(jù)內(nèi)容確定每一份所占寬度，fixed 是每一份等寬。
- border-collapse，控制表格的 border 是否合并，合并的取值是 collapse，不寫默認(rèn)是不合并。
- border-spacing，控制 border 和 border 之間的距離，取值是數(shù)值，一般寫 0，因?yàn)槲覀円话悴幌Ｍ砀裰g有空隙。
- border-collapse 和 border-spacing 一般都事先在 reset.css 里寫好。
作者：wujilin
鏈接：https://juejin.im/post/5d61f2426fb9a06ace525ab2
來源：掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
