標籤：doctype css meta mil soft doc 設定 pre 尺寸
1、doctype是什麼,舉例常見doctype及特點<!doctype>聲明必須處於HTML文檔的頭部，在<html>標籤之前，HTML5中不區分大小寫<!doctype>聲明不是一個HTML標籤，是一個用於告訴瀏覽器當前HTMl版本的指令<!doctype>聲明指向一個DTD，由於HTML4.01基於SGML，所以DTD指定了標記規則以保證瀏覽器正確渲染內容SGML 是標準通用置標語言 Standard Generalized Markup language
2、常見的塊元素和行內元素
1、區塊層級元素 ：<div>, <p>, <h1>, <form>, <ul> 和<li>
2、行內元素：span img input select strong
3、常見的空元素： <br> <hr> <img> <input> <link> <meta>區別：1、行內元素會在一條直線上排列，都是同一行的，水平方向排列，區塊層級元素各佔據一行，垂直方向排列。區塊層級元素從新行開始結束接著一個斷行。
2、區塊層級元素可以包含行內元素和區塊層級元素。行內元素不能包含區塊層級元素。
3、行內元素設定width無效，height無效(可以設定line-height)，margin上下無效，padding上下無效
為什麼img 和 input 都是行內元素還可以設定寬度呢？
因為他們是空元素，也叫做可替換元素，這些元素往往沒有實際的內容，即是一個空元素，替換元素就是瀏覽器根據元素的標籤和屬性，來決定元素的具體顯示內容。如果img不指定w 和 h ，就按照其內在尺寸來顯示。img 即為原始的圖片大小，input 和 type 以及瀏覽器的預設樣式有關
3、什麼 是 HTML 語義化？
用正確的標籤做正確的事情。
html語義化讓頁面的內容結構化，結構更清晰，便於對瀏覽器、搜尋引擎解析; 即使在沒有樣式CSS情況下也以一種文檔格式顯示，並且是容易閱讀的; 搜尋引擎的爬蟲也依賴於HTML標記來確定上下文和各個關鍵字的權重，利於SEO，便於收錄; 使閱讀原始碼的人對網站更容易將網站分塊，便於閱讀維護理解。
4、想到再慢慢寫----
HTML知識點
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
