HTML屬性及其相關區別
阿新 • • 發佈：2020-07-25
（一）兩種打包表單區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| get | 加到url，直接可見 | 書籤，歷史瀏覽 |
| post | 間接可見，請求傳送量多 | 私密，訂購，評論，反饋 |
（二）三種溯源區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| url（uniform resource locator）統一資源定位符 | 聯結的專業代名詞 | 絕對路徑一般以Web站點為根目錄 |
| css特定 | background: url（） | |
| href | 相對路徑，連結引用 | body超連結<a>、head檔案連結<link> |
| src | 相對路徑，物件來源 | 圖片<img>、音訊<audio>``<video> |
（三）三種不顯示區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| display:none | 不佔原位，耗能高 | 滑鼠經過選單 |
| overflow:hidden | 不佔原位，內容溢位被砍掉，引起重繪，耗能少 | 浮動、動畫布局 |
| visibility:hidden | 佔原位，引起迴流重繪，耗能少 | 動畫 |
| opacity:0 | 佔原位，重建圖層，耗能少，可點選 | 動畫、自定義上傳按鈕 |
①reflow：當render樹中部分或者全部因為寬高、邊距等問題發生改變而需要重建的過程，叫做迴流。
②repaint：當元素的部分屬性發生變化，如：背景色不會引起佈局變化而需要重新渲染的過程，叫做重繪。
（四）四種尺寸區別
| （預設）屬性 | 特點 | 應用 |
|---|---|---|
| （16）px | 固定值 | 元素邊框、定位 |
| （1.6）rem | 相對於根元素<html>，利用font-size控制全域性變數，方便統一計算 |
響應式佈局、媒體查詢 |
| （1）em | 相對於父元素 | 響應式佈局、元件 |
| （100）% | 相對於瀏覽器 | 多列布局 |
（五）四種文字提示區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| title | 游標置於物件 | 重要標題、資訊點，如LOGO連結 |
| alt | 物件不能正常顯示 | 圖片、動畫 |
| placeholder | 僅作表單控制元件未輸入值的背景 | 表單輸入，如text``password``<textarea> |
| value | 表單打包含該控制元件值 | 表單按鈕button |