如何調(diào)用DIV元素和SPAN元素分組多元素

這篇文章給大家介紹如何調(diào)用DIV元素和SPAN元素分組多元素，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

成都創(chuàng)新互聯(lián)公司網(wǎng)站設(shè)計，為客戶量身定制各類網(wǎng)站建設(shè)業(yè)務(wù)，包括企業(yè)型、電子商務(wù)型、響應(yīng)式網(wǎng)站、行業(yè)門戶型等各類網(wǎng)站，實(shí)戰(zhàn)經(jīng)驗(yàn)豐富，成功案例眾多。以客戶利益為出發(fā)點(diǎn)，成都創(chuàng)新互聯(lián)公司網(wǎng)站制作為客戶規(guī)劃、定制網(wǎng)站開發(fā)符合企業(yè)需求、帶有營銷價值的網(wǎng)絡(luò)建站方案認(rèn)真對待每一個客戶，我們不用口頭的語言來吹擂我們的優(yōu)秀，數(shù)千家的成功案例見證著我們的成長。

你對利用DIV元素和SPAN元素分組元素方法是否熟悉，這里和大家分享一下，利用DIV元素或SPAN元素可以分組多個元素，以創(chuàng)建頁面的某些部分或者子部分。

利用DIV元素和SPAN元素分組元素

利用DIV元素或SPAN元素可以分組多個元素，以創(chuàng)建頁面的某些部分或者子部分。這些元素自身不會影響頁面的外觀，但是它們通常與CSS一起使用，以允許用戶添加樣式到頁面的某個部分(詳情參考第7章)。例如，可以將頁面中的所有腳注放置到一個DIV元素中，以表明DIV元素中的所有元素與該腳注相關(guān)。然后可以附加一個樣式到這個DIV元素，從而使用一組特殊的樣式規(guī)則來顯示腳法。

如下代碼演示了用于分組塊級元素的DIV元素：

<div class="footnotes">  <h3>Footnotes</h3>   <p><b>1</b> The World Wide Web was   inventedby Tim Berners-Lee</p>   <p><b>2</b> The W3C is the World Wide Web   Consortium who maintain many Web    standards</p> </div>

另一方面，可以使用SPAN元素僅分組內(nèi)聯(lián)元素。因此，如果句子或段落的某個部分需要分組，可以使用SPAN元素。下面的代碼中添加了一個SPAN元素，以表明哪些內(nèi)容與某位發(fā)明家相關(guān)。該SPAN元素中包含了一個粗體元素和一些文本：

<div class="footnotes">   <h3>Footnotes</h3>   <p><span class="inventor"><b>1</b>   The World Wide Web was invented   by Tim  Berners Lee</span></p>   <p><b>2</b> The W3C is the World Wide   WebConsortium who maintain many Web  standards</p> </div>

該元素自身對文檔在瀏覽器中的顯示外觀沒有任何影響，但是它對標(biāo)記添加了額外的意義，即將相關(guān)元素分組在一起。這種分組也可以供其他處理應(yīng)用程序使用，或者用于使用CSS規(guī)則將特殊的樣式賦給組中的元素(參見第7章)。

DIV元素和SPAN元素可以附帶所有的通用屬性和UI事件屬性，甚至是逐漸淘汰的align屬性(StrictXHTML1.0中已經(jīng)移除該屬性)。

關(guān)于如何調(diào)用DIV元素和SPAN元素分組多元素就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網(wǎng)站題目：如何調(diào)用DIV元素和SPAN元素分組多元素
轉(zhuǎn)載來源：http://bm7419.com/article30/gijdpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、做網(wǎng)站、移動網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、網(wǎng)站維護(hù)、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)