欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

網(wǎng)站建設(shè)前端開(kāi)發(fā)中使用Div和Section有什么不同

2021-12-24    分類(lèi): 網(wǎng)站建設(shè)


幾年前,當(dāng)HTML5出現(xiàn)在現(xiàn)場(chǎng)時(shí),它向語(yǔ)言中添加了一系列新的標(biāo)簽元素,SECTION元素。HTML5引入的大多數(shù)新元素都有明確的用途。例如,元素用于定義Web頁(yè)面的文章和主要部分,元素用于定義對(duì)頁(yè)面其余部分不重要的相關(guān)內(nèi)容,而頁(yè)眉、導(dǎo)航和頁(yè)腳則非常易于解釋。但是,新添加的Section元素很多人并不太清楚。許多人認(rèn)為HTML元素部分和實(shí)際上是一樣的-一般的容器元素用來(lái)包含網(wǎng)頁(yè)上的內(nèi)容。然而,現(xiàn)實(shí)情況是,這兩個(gè)元素雖然都是容器元素,但絕不是通用的。使用Section元素和DIV元素都有特定的原因,本文將解釋這些不同之處,接下來(lái)讓我們一起學(xué)習(xí)下網(wǎng)站建設(shè)前端開(kāi)發(fā)中使用Div和Section有什么不同。
Section和Div
Section元素被定義為Web頁(yè)面或站點(diǎn)的語(yǔ)義部分,而不是另一種更具體的類(lèi)型(如文章或旁白)。當(dāng)我標(biāo)記頁(yè)面的一個(gè)不同的部分時(shí),我傾向于使用這個(gè)元素-這個(gè)部分可以被大量地移動(dòng)并在站點(diǎn)的其他頁(yè)面或部分上使用。如果您愿意的話(huà),它是一段不同的內(nèi)容,或者是內(nèi)容的“部分”。相反,將DIV元素用于要分割的頁(yè)面部分,但用于語(yǔ)義以外的目的。如果我這樣做純粹是為了給自己一個(gè)與CSS一起使用的“鉤子”,那么我會(huì)將一個(gè)內(nèi)容區(qū)域包裝在一個(gè)分區(qū)中。它可能不是基于語(yǔ)義的內(nèi)容的不同部分,但是我為了實(shí)現(xiàn)我想要的頁(yè)面布局而口述的內(nèi)容。
一切都是語(yǔ)義的問(wèn)題
這是一個(gè)很難理解的概念,但DIV元素和Section元素之間的唯一區(qū)別是語(yǔ)義。換句話(huà)說(shuō),這就是您要?jiǎng)澐值拇a部分的含義。
DIV元素中包含的任何內(nèi)容都沒(méi)有任何內(nèi)在意義。它最適合用于以下情況:
  • CSS樣式和CSS樣式的掛鉤
  • 布局容器
  • JavaScript掛鉤
  • 對(duì)HTML進(jìn)行劃分,使其更易于閱讀
DIV元素曾經(jīng)是我們用來(lái)添加鉤子來(lái)設(shè)置文檔樣式、創(chuàng)建列和花哨布局的唯一元素。正因?yàn)槿绱?,我們最終得到的HTML中充滿(mǎn)了DIV元素-這可以被Web設(shè)計(jì)人員稱(chēng)為“Divitis”。甚至還有所見(jiàn)即所得(WYSIWYG)編輯器專(zhuān)門(mén)使用DIV元素。我實(shí)際上遇到過(guò)使用DIV元素而不是段落的HTML!使用HTML5,我們可以開(kāi)始使用剖分元素來(lái)創(chuàng)建語(yǔ)義更具描述性的文檔(用于導(dǎo)航和描述性圖形等),還可以定義這些元素的樣式。
那跨度元素呢?
大多數(shù)人想到DIV元素時(shí)想到的另一個(gè)元素是元素。這個(gè)元素,像DIV一樣,不是一個(gè)語(yǔ)義元素。它是一個(gè)內(nèi)聯(lián)元素,您可以使用它在內(nèi)聯(lián)內(nèi)容塊(通常是文本)周?chē)砑訕邮胶湍_本的掛鉤。從這個(gè)意義上講,它就像DIV元素一樣,只是內(nèi)聯(lián)而不是塊元素。在某些方面,更容易將DIV視為塊級(jí)SPAN元素,并以?xún)H跨整個(gè)HTML內(nèi)容塊的方式使用它。
對(duì)于舊版本的Internet Explorer
即使您支持不能可靠識(shí)別HTML5的IE(如IE8及更低版本)的舊版本,您也不應(yīng)害怕使用語(yǔ)義上正確的HTML標(biāo)記。語(yǔ)義將幫助您和您的團(tuán)隊(duì)在將來(lái)管理頁(yè)面(因?yàn)槿绻恼卤晃恼略匕鼑?,那么您將知道該部分就是文?。此外,能夠識(shí)別這些標(biāo)簽的瀏覽器將會(huì)更好地支持這些標(biāo)簽。您仍然可以在InternetExplorer中使用HTML5語(yǔ)義剖分元素,您只需添加腳本,可能還需要添加一些周?chē)腄IV元素,以使它們能夠?qū)?biāo)記識(shí)別為HTML。
使用DIV和Section元素
如果使用正確,則可以在有效的HTML5文檔中同時(shí)使用DIV和Section元素。正如您在本文中看到的,您可以使用Section元素定義內(nèi)容的語(yǔ)義離散部分,并使用DIV元素作為CSS和JavaScript的掛鉤,以及定義沒(méi)有語(yǔ)義意義的布局。

網(wǎng)站標(biāo)題:網(wǎng)站建設(shè)前端開(kāi)發(fā)中使用Div和Section有什么不同
文章URL:http://aaarwkj.com/news25/141825.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

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

成都做網(wǎng)站
激情图区亚洲一区二区| 欧美日韩国产这里只有精品| 国产福利成人一区二区| 日韩精品亚洲一区二区三区免费| 免费欧美大片在线观看高清| 久久精品中文字幕有码日本道| 99国产精品热久久婷婷| 国产极品美女视频福利| 91免费观看视频高清| 97资源在线公开视频| 亚洲精品国产精品乱码不卞| 国内自拍韩国资源在线| 久久国产精品一品二品| 99热只有这里才有精品| 国产午夜18久久久| 成人免费av在线网址| 91国产视频在线观看免费| 国产成人国产精品国产三级| 99亚洲综合一区二区三区| 日本精彩视频一区二区| 欧美一级特黄大片免色| 国产精品中文字幕欧美日韩| 久久精品国语少妇对白| 欧美一区日韩二区国产三区| 韩国电视剧大全免费国语观看| 色哟哟网站之中文字幕| 长腿丝袜美女亚洲一区二区| 亚洲乱人伦一区二区三区| 强d乱码中文字幕在线| 国产夫妻自拍在线视频| 婷婷激情综合亚洲五月色| 99久久精品免费国产一区| 午夜亚洲欧美日韩在线| 东京热加勒比在线播放| 欧美日韩国产特级性生活| 超碰91人人草人人干| 日本一区二区不卡高清| 99热这里只有精品最新| 欧美色精品人妻在线最新| 亚洲精品视频久久免费| 国产日韩亚洲欧美在线|