北京
很多人以為HTML和CSS就是搭積木，直到面試官開始追問細節。以下是八個常被忽略的基礎考點，看完你可能要重新翻文檔。
一、div與span的本質區別
div是塊級容器，用來劃分文檔的大塊區域；span是行內容器，標記文本片段。關鍵差異不在外觀，而在默認的display屬性——前者獨占一行，后者跟隨文本流。兩者都靠class或id掛樣式，但選擇用誰，取決于你要包裹的是結構還是語義化的文本片段。
二、class的命名與調用規則
CSS里用點號前綴選中class，比如.write{}。一個元素可以掛多個class，空格分隔。但id是身份證，class是類別標簽——這是面試常考的區分點。
三、id的三條硬約束
id名稱區分大小寫；至少一個字符；不能以數字開頭；不能含空格或制表符。文檔中id必須唯一，這是很多人寫代碼時隨手打破的規則。
四、label的for屬性給誰用
for屬性關聯input的id，讓屏幕閱讀器在輸入框聚焦時朗讀標簽文本。這不是給開發者看的，是給視障用戶的輔助技術用的。忽略它，你的表單在無障礙檢測里會直接掛掉。
五、name屬性的真正場景
name不是給CSS用的，是表單提交時的數據鍵名。沒有name，后端收不到這個字段的值。這是前端新手最容易混淆name和id的地方。
六、GET與POST的邊界
用外賣App舉例：瀏覽菜單是GET，參數拼在URL里；下單支付是POST，數據放在請求體。GET有長度限制且暴露參數，POST適合敏感或大量數據的傳輸。
七、value與readonly的隱藏行為
value給輸入框預設初始值。readonly鎖住用戶編輯，但表單提交時這個值照樣發往后端。disabled則是完全禁用，數據不會進入提交隊列。一字之差，行為天差地別。
這八條沒有一條涉及框架或工程化，但面試卡人往往就卡在這里?；A不牢，地動山搖。
特別聲明：以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布，本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
![中老年人同居要記?。簺]有生理上的需求，就不要搭伙了。](https://nimg.ws.126.net/?url=http://bjnewsrec-cv.ws.126.net/little5102894e521j00tf6i7h0010d000h600myg.jpg&thumbnail=140y88&quality=90&type=jpg)
