1. 程式人生 > >【輕松前端之旅】HTML的塊元素、行內元素和空元素

【輕松前端之旅】HTML的塊元素、行內元素和空元素

mod charts 內聯元素 學習編程 https -s 網址 tip htm

塊(block)元素

顯示成一塊,前後有換行。塊元素常用於web頁面的主要構造模塊。例如:<div>,<p>,<h1>~<h6>,<blockquote>

行內(inline)元素(內聯元素)

顯示在行內,內容與父元素內容在一行。內聯元素通常用來標記小段內容。例如:<q>,<em>

空(void)元素

沒有內容,用一個開始標簽即可。如:<br>,<img>

實體字符(character entity)

用於定義一些特殊字符。如:&lt代表<號,&gt代表>號,&amp代表&號。

可以通過如下網址查找字符:http://www.unicode.org/charts/,不過要顯示unicode上的字符,需要安裝相應字體。

tips:

設計頁面時,通常先使用塊元素來布局,然後用內聯元素來完善頁面。

我們要選擇與內容含義最接近的元素來構造網頁。

對於很多元素,在不同瀏覽器,渲染的方式可能不一樣,這時要借助css樣式來規定元素的表現。

<a>,即可是內聯元素,也可以是塊元素,如果<a>中包含了塊元素,它就按塊元素來顯示。

掃碼關註,學習編程:

技術分享

愛旅遊--海南文昌月亮灣

技術分享

【輕松前端之旅】HTML的塊元素、行內元素和空元素