可以通過 <div> 和(hé) <span> 将 HTML 元素組合起來(lái)。
HTML 塊元素
大(dà)多數 HTML 元素被定義爲塊級元素或内聯元素。
編者注:“塊級元素”譯爲 block level element,“内聯元素”譯爲 inline element。
塊級元素在浏覽器顯示時(shí),通常會(huì)以新行來(lái)開(kāi)始(和(hé)結束)。
例子:<h1>, <p>, <ul>, <table>
HTML 内聯元素
内聯元素在顯示時(shí)通常不會(huì)以新行開(kāi)始。
例子:<b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是塊級元素,它是可用(yòng)于組合其他(tā) HTML 元素的容器。
<div> 元素沒有特定的含義。除此之外(wài),由于它屬于塊級元素,浏覽器會(huì)在其前後顯示折行。
如果與 CSS 一同使用(yòng),<div> 元素可用(yòng)于對(duì)大(dà)的内容塊設置樣式屬性。
<div> 元素的另一個常見的用(yòng)途是文(wén)檔布局。它取代了(le)使用(yòng)表格定義布局的老(lǎo)式方法。使用(yòng) <table> 元素進行文(wén)檔布局不是表格的正确用(yòng)法。<table> 元素的作(zuò)用(yòng)是顯示表格化的數據。
HTML <span> 元素
HTML <span> 元素是内聯元素,可用(yòng)作(zuò)文(wén)本的容器。
<span> 元素也(yě)沒有特定的含義。
當與 CSS 一同使用(yòng)時(shí),<span> 元素可用(yòng)于爲部分文(wén)本設置樣式屬性。
HTML 分組标簽
标簽 | 描述 |
---|---|
<div> | 定義文(wén)檔中的分區(qū)或節(division/section)。 |
<span> | 定義 span,用(yòng)來(lái)組合文(wén)檔中的行内元素。 |