關於HTML的使用。

2022-09-13 14:09:14 字數 745 閱讀 2782

一丶標籤問題

對於初學者來說,無疑用得最多的標籤就是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好吧?

關於html常見標籤的使用

tochtml裡常見標籤的使用 常見的標籤有div p a h1到h6,下邊的 展示了這些標籤的用法 相對於div塊來說小一些,就是p標籤可以包含在div裡,但是div不能包含在p裡 444444 555555 666666 的執行結果如下 注意點1 關於id和class是對於標籤塊起乙個名字起到區...

關於html中錨點功能的使用

在較長的網頁中,通過滑鼠滾輪的滑動來達到指定目的地的方式有時候效率低下,這個時候為了更加高效的頁面滑動,經常會使用錨點功能,錨點功能的原理其實很簡單 通過在指定位置標記位置資訊,再通過指令到達指定地點。1 早年經歷 2 演藝經歷 個人生活 4 主要作品 劉德華出生於香港新界,在家中排行老四,幼時隨家...

關於HTML的標籤

行級和塊級標籤有什麼區別?用途?html中常見行級標籤 span a em strong u 特點 在一行內顯示 在一行中可以並列多個行級標籤 不能設定寬高屬性 html中常見塊級標籤 div p ul li dl dt dd h1 h6 特點 獨佔一行,能設定width,height屬性 html...