網(wǎng)頁(yè)美工設(shè)計(jì)

網(wǎng)頁(yè)制作中html需要注意的問(wèn)題

編輯：時(shí)間：2018-01-18 08:45:02

　　1、XHTML和CSS文件注釋

　　文件注釋必不可少，但是要適可而止。注釋太多回增大文件的大小，受帶寬影響，用戶在瀏覽網(wǎng)頁(yè)時(shí)增加了等待時(shí)間，造成不好的用戶體驗(yàn)。網(wǎng)站在上線前先要在測(cè)試服務(wù)器上進(jìn)行測(cè)試，測(cè)試好沒問(wèn)題后，將相關(guān)的CSS文件、JavaScript文件先刪除注釋，然后進(jìn)行壓縮。這些文件的壓縮可以利用下載相關(guān)工具實(shí)現(xiàn)，也可以使用在線壓縮工具實(shí)現(xiàn)。

　　2、清除浮動(dòng)的方法

　　1)在結(jié)尾出加空div標(biāo)簽clear:both

　　2)在父級(jí)div頂一overflow：hidden

　　3)在父級(jí)div頂一味蕾：after和zoom

　　3、塊級(jí)元素和行內(nèi)元素

　　塊級(jí)元素是指這些元素顯示為一塊內(nèi)容。與之相反，行內(nèi)元素是指這些元素的內(nèi)容顯示在行中。每個(gè)塊級(jí)元素都是從一個(gè)新行開始顯示，而且其后的元素也是另起一行進(jìn)行顯示。而行內(nèi)元素一般顯示在塊級(jí)元素里面。

　　一般的塊級(jí)元素由<p>、<h1>~<h6>、<ul><ol><li>、<table>、<form>、<div>和<body>等。而內(nèi)聯(lián)元素有<input>、<a>、<img>、<span>等。

　　塊級(jí)元素和行內(nèi)元素之間可以通過(guò)設(shè)置display的值來(lái)進(jìn)行轉(zhuǎn)換。將diaplay的值設(shè)置為block，可以讓行內(nèi)元素表現(xiàn)得像塊級(jí)元素一樣。也可以通過(guò)把display得值設(shè)置為inline，讓塊級(jí)元素表現(xiàn)得跟行內(nèi)元素一樣。

　　4、CSS文檔流

　　網(wǎng)頁(yè)元素按照XHTML結(jié)構(gòu)自上而下，從左向右一行一行得布局，叫做CSS文檔流。

　　5、label標(biāo)簽中得for屬性

　　當(dāng)用戶選擇label標(biāo)簽時(shí)，瀏覽器回自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單元素上。

　　6、zoom:1的作用

　　一般是為了解決IE6下樣式不兼容的問(wèn)題。

　　HasLayout是IE渲染引擎的一個(gè)內(nèi)部組成部分。在IE中，一個(gè)元素要么自己對(duì)自身的內(nèi)容進(jìn)行計(jì)算大小和組織，要么依賴于父元素來(lái)計(jì)算尺寸和組織內(nèi)容。為了調(diào)節(jié)這兩個(gè)不同的概念，渲染引擎采用了HasLayout的屬性，屬性值可以為true或false。當(dāng)一個(gè)元素的HasLayout屬性值為true時(shí)，我們說(shuō)這個(gè)元素有一個(gè)布局(layout)。

　　大部分的IE顯示錯(cuò)誤，都可以通過(guò)激發(fā)元素的HasLayout屬性來(lái)修正?？梢酝ㄟ^(guò)設(shè)置一些CSS屬性來(lái)激發(fā)元素的HasLayout屬性，使其“擁有布局”。在IE 6中就可以通過(guò)zoom：1來(lái)激發(fā)元素的HasLayout。

　　7、CSS Sprites技術(shù)利弊

1/3 1 2 3 下一頁(yè) 尾頁(yè)

<< 上一篇：網(wǎng)頁(yè)設(shè)計(jì)必須注意的一些常見問(wèn)題

>> 下一篇：網(wǎng)頁(yè)設(shè)計(jì)中的排版原則有哪些

推薦資訊