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