初學者用div+css構造寫網頁的幾個誤區

分享幾個站長投稿網站資本
2016-05-13
營銷之殤:若何應對互聯網屌絲用戶
2016-05-13
Show all

初學者用div+css構造寫網頁的幾個誤區

  網頁的制造中對付用div和css構造寫靜態頁今朝已很成熟,但很多新入行的同夥對付應用div和css構造另有許多誤區,這些誤區也是我曾閱歷過的而且被老鳥斧正的處所,以是總結下來分享給人人,願望對寫網頁有所贊助。

  1、用div+css構造制造靜態html網頁沒有即是完全擯棄陳腐的table寫法。之以是沒有發起用table來結構網頁是由於在網頁加載很慢的時刻要等table構造加載完成能力看到網頁,其次是table的結構沒有必定的語義,網頁代碼修正起來比擬貧苦。

  在寫一些欄目塊時,特殊是數據分類較多,好比求購信息的欄目塊,頂部大概湧現宣佈人、宣佈時光、信息題目、接洽方法等項目,像如許的處所發起照樣要用table來寫,由於table是專門用來寫數據表格的,掌握起來很便利,並且相符語義請求,另有頁面中湧現相似excel數據的處所,也發起用table來寫。

  2、div+css構造沒有即是通篇地區都用div包起來。碰到一個區塊就用一個div標簽,如許你寫完代碼後全篇都是div,掉去瞭語義的存在代價,區塊修正起來也沒有輕易找到,公道的應用dl、ul、ol、span、等標簽,不但讓你的網頁看起來層次清楚,並且修正起來很便利,見名知意,好比你要修正一個消息列表,先找到消息列表地點的div大概dl標簽,然後再找個中的ul,修正詳細內容就很輕易。

  3、其實不是css文件必定要和html代碼離開。之以是將css文件和html離開,是由於有些css同時為多個頁面辦事,而用戶拜訪時css文件能夠緩存在當地,如許下次再拜訪其他頁面時就不消反復加載css,能夠勤儉時光和流量,進步拜訪速率,然則假如你的頁面有些地區的css是舉世無雙的,其他頁面用沒有到的,就不消把css剝離進來,間接用style標簽包含在html網頁裡便可以。

  4、用div和css寫網頁必定要在分歧范例和分歧版本的閱讀器舉行測試。發起最好是同時翻開多個閱讀器,假如說你以為你的網站訪客還沒有養成應用火狐、谷歌等閱讀器的風俗,那起碼也得兼容ie6、7、8幾個版本,因為軟件限定,沒有方法在一個電腦上裝分歧版本的多個閱讀器,是以要借助版本模仿軟件,我經常使用的是ietest,用來測試網頁充足瞭。

  對付履歷沒有太豐碩的頁面制造者來講最好是寫一個小區塊就在分歧閱讀器下看一看後果,假如湧現題目能夠實時調劑代碼,沒有要隻在一個閱讀器裡測試,一口吻寫完,那末當你在其他閱讀器測試時發明網頁奇形怪狀時你就抓狂瞭(我曾就這麼幹過)。

  總結的要點臨時就這麼多,剩下的就是拼寫代碼的功力瞭,發起新手照樣沒有要用代碼提醒類的軟件,最好是本身著手寫出完全的語句,當你寫闇練的時刻你會發明你寫代碼的速率比用代碼提醒要快的多。

Comments are closed.