中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

小結(jié)初學(xué)者用div+css結(jié)構(gòu)寫(xiě)網(wǎng)頁(yè)的幾個(gè)誤區(qū)

2024-01-22    分類: 網(wǎng)站建設(shè)

網(wǎng)頁(yè)的制作中對(duì)于用div和css結(jié)構(gòu)寫(xiě)靜態(tài)頁(yè)目前已經(jīng)很成熟,但許多新入行的朋友對(duì)于使用div和css結(jié)構(gòu)還有很多誤區(qū),這些誤區(qū)也是我曾經(jīng)經(jīng)歷過(guò)的并且被“老鳥(niǎo)”指正的地方,所以總結(jié)下來(lái)分享給大家,希望對(duì)寫(xiě)網(wǎng)頁(yè)有所幫助。

1、用div+css結(jié)構(gòu)制作靜態(tài)html網(wǎng)頁(yè)不等于徹底拋棄古老的table寫(xiě)法。之所以不建議用table來(lái)布局網(wǎng)頁(yè)是因?yàn)樵诰W(wǎng)頁(yè)加載很慢的時(shí)候要等table結(jié)構(gòu)加載完成才能看到網(wǎng)頁(yè),其次是table的布局沒(méi)有一定的語(yǔ)義,網(wǎng)頁(yè)代碼修改起來(lái)比較麻煩。

在寫(xiě)一些欄目塊時(shí),特別是數(shù)據(jù)分類較多,比如“求購(gòu)信息”的欄目塊,頂部可能出現(xiàn)“發(fā)布人、發(fā)布時(shí)間、信息標(biāo)題、聯(lián)系方式”等項(xiàng)目,像這樣的地方建議還是要用table來(lái)寫(xiě),因?yàn)閠able是專門用來(lái)寫(xiě)數(shù)據(jù)表格的,控制起來(lái)很方便,而且符合語(yǔ)義要求,還有頁(yè)面中出現(xiàn)類似excel數(shù)據(jù)的地方,也建議用table來(lái)寫(xiě)。

2、div+css結(jié)構(gòu)不等于通篇區(qū)域都用div包起來(lái)。遇到一個(gè)區(qū)塊就用一個(gè)div標(biāo)簽,這樣你寫(xiě)完代碼后全篇都是div,失去了語(yǔ)義的存在價(jià)值,區(qū)塊修改起來(lái)也不容易找到,合理的利用dl、ul、ol、span、等標(biāo)簽,不僅讓你的網(wǎng)頁(yè)看起來(lái)?xiàng)l理清晰,而且修改起來(lái)很方便,見(jiàn)名知意,比如你要修改一個(gè)新聞列表,先找到新聞列表所在的div或者dl標(biāo)簽,然后再找其中的ul,修改具體內(nèi)容就很容易。

3、并不是css文件一定要和html代碼分開(kāi)。之所以將css文件和html分開(kāi),是因?yàn)橛行ヽss同時(shí)為多個(gè)頁(yè)面服務(wù),而用戶訪問(wèn)時(shí)css文件可以緩存在本地,這樣下次再訪問(wèn)其他頁(yè)面時(shí)就不用重復(fù)加載css,可以節(jié)約時(shí)間和流量,提高訪問(wèn)速度,但是如果你的頁(yè)面有些區(qū)域的css是獨(dú)一無(wú)二的,其他頁(yè)面用不到的,就不用把css剝離出去,直接用style標(biāo)簽包括在html網(wǎng)頁(yè)里就可以。

4、用div和css寫(xiě)網(wǎng)頁(yè)一定要在不同類型和不同版本的瀏覽器進(jìn)行測(cè)試。建議最好是同時(shí)打開(kāi)多個(gè)瀏覽器,如果說(shuō)你認(rèn)為你的網(wǎng)站訪客還沒(méi)有養(yǎng)成使用火狐、谷歌等瀏覽器的習(xí)慣,那最少也得兼容ie6、7、8幾個(gè)版本,由于軟件限制,沒(méi)有辦法在一個(gè)電腦上裝不同版本的多個(gè)瀏覽器,因此要借助版本模擬軟件,我常用的是ietest,用來(lái)測(cè)試網(wǎng)頁(yè)足夠了。

對(duì)于經(jīng)驗(yàn)不太豐富的頁(yè)面制作者來(lái)說(shuō)最好是寫(xiě)一個(gè)小區(qū)塊就在不同瀏覽器下看一看效果,如果出現(xiàn)問(wèn)題可以及時(shí)調(diào)整代碼,不要只在一個(gè)瀏覽器里測(cè)試,一口氣寫(xiě)完,那么當(dāng)你在其他瀏覽器測(cè)試時(shí)發(fā)現(xiàn)網(wǎng)頁(yè)奇形怪狀時(shí)你就抓狂了(我曾經(jīng)就這么干過(guò))。

總結(jié)的要點(diǎn)暫時(shí)就這么多,剩下的就是拼寫(xiě)代碼的功力了,建議新手還是不要用代碼提示類的軟件,最好是自己動(dòng)手寫(xiě)出完整的語(yǔ)句,當(dāng)你寫(xiě)熟練的時(shí)候你會(huì)發(fā)現(xiàn)你寫(xiě)代碼的速度比用代碼提示要快的多。

本文來(lái)自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)公司-創(chuàng)新互聯(lián)

文章名稱:小結(jié)初學(xué)者用div+css結(jié)構(gòu)寫(xiě)網(wǎng)頁(yè)的幾個(gè)誤區(qū)
鏈接分享:http://www.rwnh.cn/news9/314959.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開(kāi)發(fā)、建站公司、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、營(yíng)銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

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

網(wǎng)站托管運(yùn)營(yíng)
宁德市| 寿光市| 南川市| 济源市| 正安县| 克东县| 湖口县| 博罗县| 平阳县| 西乌珠穆沁旗| 石渠县| 武汉市| 廉江市| 荥阳市| 大悟县| 嘉善县| 名山县| 毕节市| 深圳市| 淄博市| 汕头市| 芮城县| 贵州省| 连山| 四子王旗| 咸丰县| 吴忠市| 女性| 建湖县| 邛崃市| 枞阳县| 富锦市| 元阳县| 莎车县| 黄石市| 朝阳区| 商都县| 襄樊市| 河北区| 饶阳县| 全南县|