"愛欲之情和人情感的自然流露，是一種自然屬性；但更重要的，愛是一種社會屬性，寬容與奉獻應該是愛的應有之意，HTML屬性也是如此呀，但它們有不同的性格，"
——有心人做有心事，晚安EmilyChen！
（一）兩種打包表單區別
| 屬性 | 特點 | 應用 |
|---|---|---|
| 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 |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/4012.html
標籤：Html/Css
上一篇：HTML標簽區別