1. HTML · 前端面試知識點總結

# HTML [HTML參考手冊](http://www.runoob.com/tags/html-reference.html) ## 概念 ### Doctype `<!DOCTYPE>` 聲明位于位于 HTML 文檔中的第一行，處于 `<html>` 標簽之前。告知瀏覽器的解析器用什么文檔標準解析這個文檔。DOCTYPE 不存在或格式不正確會導致文檔以兼容模式呈現。在 HTML 4.01 中，<!DOCTYPE> 聲明引用 DTD，因為 HTML 4.01 基于 SGML。DTD 規定了標記語言的規則，這樣瀏覽器才能正確地呈現內容。 HTML5 不基于 SGML，所以不需要引用 DTD。 ### 標準模式 && 兼容模式標準模式的排版和 JS 運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。 ### 內聯元素 1. 和其他元素都在一行上； 2. 高，行高及外邊距和內邊距部分可改變； 3. 寬度只與內容有關； 4. 行內元素只能容納文本或者其他行內元素。 5. 不可以設置寬高，其寬度隨著內容增加，高度隨字體大小而改變 > 內聯元素可以設置外邊界，但是外邊界不對上下起作用，只能對左右起作用，也可以設置內邊界，但是內邊界在ie6中不對上下起作用，只能對左右起作用常用的內聯元素：a , b , br , em , font , img , input , label , select , small , big , span , textarea ### 塊級元素 1. 總是在新行上開始，占據一整行； 2. 高度，行高以及外邊距和內邊距都可控制； 3. 寬帶始終是與瀏覽器寬度一樣，與內容無關； 4. 它可以容納內聯元素和其他塊元素。 > 注意：h1--h4、p 標簽都是塊級元素 ### 空元素例如： br、hr、等 ## DOM事件 |事件方法名 | 事件內容| |-----------|--------| |onabort |圖像的加載被中斷。| |onblur |元素失去焦點。| |onchange |域的內容被改變。| |onclick |當用戶點擊某個對象時調用的事件句柄。| |ondblclick |當用戶雙擊某個對象時調用的事件句柄。| |onerror |在加載文檔或圖像時發生錯誤。| |onfocus |元素獲得焦點。| |onkeydown |某個鍵盤按鍵被按下。| |onkeypress |某個鍵盤按鍵被按下并松開。| |onkeyup |某個鍵盤按鍵被松開。| |onload |一張頁面或一幅圖像完成加載。| |onmousedown|鼠標按鈕被按下。| |onmousemove|鼠標被移動。| |onmouseout |鼠標從某元素移開。| |onmouseover|鼠標移到某元素之上。| |onmouseup |鼠標按鍵被松開。| |onreset |重置按鈕被點擊。| |onresize |窗口或框架被重新調整大小。| |onselect |文本被選中。| |onsubmit |確認按鈕被點擊。| |onunload |用戶退出頁面。| ## HTML 語義化用正確的標簽做正確的事情。 html 語義化讓頁面的內容結構化，結構更清晰，便于對瀏覽器、搜索引擎解析; 即使在沒有樣式 CSS 情況下也以一種文檔格式顯示，并且是容易閱讀的; 搜索引擎的爬蟲也依賴于 HTML 標記來確定上下文和各個關鍵字的權重，利于 SEO; 使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。 ## 顏色 HTML 顏色由一個十六進制符號來定義，這個符號由紅色、綠色和藍色的值組成。例如：#000000，rgb(0,0,0)。另外，rgb(0,0,0,0.5)，這里的 0.5 表示透明度，取值為 0~1。