【輕松前端之旅】HTML的塊元素、行內元素和空元素
阿新 • • 發佈:2017-09-19
mod charts 內聯元素 學習編程 https -s 網址 tip htm
塊(block)元素
顯示成一塊,前後有換行。塊元素常用於web頁面的主要構造模塊。例如:<div>,<p>,<h1>~<h6>,<blockquote>
行內(inline)元素(內聯元素)
顯示在行內,內容與父元素內容在一行。內聯元素通常用來標記小段內容。例如:<q>,<em>
空(void)元素
沒有內容,用一個開始標簽即可。如:<br>,<img>
實體字符(character entity)
用於定義一些特殊字符。如:<代表<號,>代表>號,&代表&號。
可以通過如下網址查找字符:http://www.unicode.org/charts/,不過要顯示unicode上的字符,需要安裝相應字體。
tips:
設計頁面時,通常先使用塊元素來布局,然後用內聯元素來完善頁面。
我們要選擇與內容含義最接近的元素來構造網頁。
對於很多元素,在不同瀏覽器,渲染的方式可能不一樣,這時要借助css樣式來規定元素的表現。
<a>,即可是內聯元素,也可以是塊元素,如果<a>中包含了塊元素,它就按塊元素來顯示。
掃碼關註,學習編程:
愛旅遊--海南文昌月亮灣
【輕松前端之旅】HTML的塊元素、行內元素和空元素