關於HTML的使用。

來源:互聯網
上載者:User

標籤:style   class   c   ext   a   strong   

一丶標籤問題


對於初學者來說,無疑用得最多的標籤就是div和span了,當然就算只用這2個標籤也能寫出一個好看的頁面,但是W3C為什麼會給我們這麼多標籤來選擇呢?

從瀏覽器的渲染來講,標籤的語義話,更容易讓瀏覽器去渲染這個介面,比如說一個HTML5的標籤heard,瀏覽器渲染到這裡的時候就很快速的知道,你這個是頭部,一個ul標籤,就知道是個列表,越來越多的前端人員注重了標籤的語義化,W3C也不斷的給我們定義更多的新標籤,為什麼我們不去使用,語義化的標籤在工作中,別人接手你的代碼時更容易去讀懂,在維護時,更快速。

二丶class和id的選擇

在你最開始的學習HTML的時候,不管是老師也好還是網上的教學也好都說過,盡量使用class,而去避免id,id是要留給JS去使用的。這個問題也是和HTML一樣,CSS中既然給了我們id選取器,就有它的用處,而且在CSS3中,不斷提供新的選取器,我們應該合理的去使用選取器,而不是整個頁面都是CLASS,ID也有他的優先處,當然對於架構的開發,那就是CLASS了。

三丶class和id的命名

 

今天在做項目的時候,我發現一個組員寫的代碼,最外面的叫content,然后里麵包一個div,叫content1,然後content1裡面的叫content2,我就不知道說什麼了,這叫誰能看懂?我們命名的時候有點意義好嗎,你說你不懂英語,那你用拼音來命名也比你這樣content1,content2好吧?

 

僅代表個人觀點,關注更好的代碼書寫,請關注我。Web前端-冀

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.