網(wǎng)站制作標(biāo)記中DIV和SPAN元素最大的特點(diǎn)是默認(rèn)都沒有對元素內(nèi)的對象進(jìn)行任何格式化渲染。主要用于應(yīng)用樣式表。兩者最明顯的區(qū)別在于DIV是塊元素，而SPAN是行內(nèi)元素。
　　因?yàn)閄HTML并不能直接識別對象元素，如用戶、電話號碼、地址等，所以在XHTML中給出了一種靈活的標(biāo)記來完成所需的各種分層結(jié)構(gòu)和呈現(xiàn)效果。在XHTML中，這種結(jié)構(gòu)被劃分成兩大類，塊級結(jié)構(gòu)與行級結(jié)構(gòu)，它們來源于CSS級的塊級（block）和行級(inline)概念。
　　在XHTML中，塊級標(biāo)記和行級標(biāo)記經(jīng)常要用到，它們都在< body> 標(biāo)記內(nèi)。其主要有以下幾點(diǎn)區(qū)別：
　　通常情況下，塊級標(biāo)記可以包含行級標(biāo)記和其他塊級標(biāo)記，而行級標(biāo)記僅僅可以包含數(shù)據(jù)和其他行級標(biāo)記。劃定這種結(jié)構(gòu)特性是區(qū)別塊級元素比行級元素創(chuàng)建“更多”結(jié)構(gòu)的想法。
　　格式化塊級標(biāo)記不同于格式化行級標(biāo)記。通常塊級標(biāo)記在新的行開始，而行級標(biāo)記并非如此。
　　因?yàn)榘赨NICODE雙向文本算法中的技術(shù)原因，塊級和行級元素在如何繼承雙向信息上不同。
　　塊級結(jié)構(gòu)與行級結(jié)構(gòu)更關(guān)心文檔在瀏覽器中的顯示結(jié)構(gòu)。在XHTML中給出了兩個(gè)用于分層的標(biāo)記：< div> 與< span> ，具體如表所示。
    標(biāo)記名稱  標(biāo)記形式  說明      < div>    < div> ....< /div>  該標(biāo)記是塊級標(biāo)記，它可以用于包含各種各樣的塊級和行級標(biāo)記，定義內(nèi)容為塊級內(nèi)容。    < span>          < span> ...< /span>        該標(biāo)記是行級標(biāo)記，它可以用于包含各種各樣的行級標(biāo)記，定義內(nèi)容為行級內(nèi)容。 
　　通常情況下網(wǎng)站制作將標(biāo)記< dic> 和< span> 與其屬性< id> 和< class> 結(jié)合起來使用，為把結(jié)構(gòu)加到文檔內(nèi)容提供一種通用機(jī)制，這樣網(wǎng)頁設(shè)計(jì)者可以將其與樣式表單、lang屬性等一起使用，將XHTML文檔修改成適合于自己的需要，所以標(biāo)記< div> 和< span> 的具體用法是非常靈活的。