HTML中colgroup標簽的用法案例-創(chuàng)新互聯(lián)

小編給大家分享一下HTML中colgroup標簽的用法案例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目網(wǎng)站制作、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元開平做網(wǎng)站,已為上家服務(wù),為開平各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

關(guān)于HTML colgroup標簽的定義和用法：

標簽用于對表格中的列進行組合，以便對其進行格式化。

如需對全部列應用樣式， 標簽很有用，這樣就不需要對各個單元和各行重復應用樣式了。

標簽只能在 table 元素中使用。

兩個 colgroup 元素為表格中的三列規(guī)定了不同的對齊方式和樣式（注意第一個 colgroup 元素橫跨兩列）：

  
  
  

    
ISBN
    
Title
    
Price
  
  

    
3476896
    
My first HTML
    
$53
  

瀏覽器支持

所有主流瀏覽器都支持 標簽。

Firefox、Chrome 以及 Safari 僅支持 colgroup 元素的 span 和 width 屬性。

HTML colgroup的可選屬性，如下圖：

關(guān)于HTML colgroup和col元素的提示和注釋：

提示：請為 標簽添加 class 屬性。這樣就可以使用 CSS 來負責對齊方式、寬度和顏色等等。

注釋：col 元素是僅包含屬性的空元素。如需創(chuàng)建列，您就必須在 tr 元素內(nèi)部規(guī)定 td 元素。

col標簽為表格中一個或多個列定義屬性值。 colgroup標簽用于對表格中的列進行組合，以便對其進行格式化。

關(guān)于HTML colgroup標簽和col元素的具體作用如下：

它們的作用主要就是來控制單元格的寬度了，這樣省去單獨定義每個單元格的麻煩，過去我們往往是在第一行中的th或者td上定義寬度來規(guī)定每列的寬度，而col不但可以定義寬度還能同時定義其他的屬性，例如可以通過col來控制幾列寬度的總和，還可以控制這列的背景色。但理想是豐滿的，現(xiàn)實是骨干的，正如前面所說，功能越大不代表其兼容性也越強，據(jù)現(xiàn)有的測試下來，col和colgroup能發(fā)揮作用還能保證兼容的應用就只有倆：width和background。對于width，個人寧愿使用常規(guī)方式，第一行設(shè)置寬度，保證列寬。對于bacground，一般實際中表格大面積使用不同背景的情況也很少見。

  
  
     
        
             
                 
                
          
  
     
  
     
  
1111
     
  
222
     
  
3333
     
  
     
  
     
  
1111
     
  
222
     
  
3333
     
  
     
  
     
  
1111
     
  
222
     
  
3333
     
  
     
  
  
  

以上是HTML中colgroup標簽的用法案例的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

文章名稱：HTML中colgroup標簽的用法案例-創(chuàng)新互聯(lián)
文章源于：http://m.jiaotiyi.com/article/hesei.html