<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      html 的<header>標簽需要怎么使用
                
                  發表時間：2024-05-09             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]在HTML5之前的版本大家可能有用DIV標簽布局網頁的習慣，但是H5在DIV標簽的基礎上增加了header標簽元素，也就是我們說的頭部標簽，以往我們在布局中常常把網頁分為頭部，內容，底部，現在已經有系統的標簽來幫我們規劃，也是方便了很多，那么這個header標簽需要怎么使用呢？今天我們就來好好的研...
      在HTML5之前的版本大家可能有用DIV標簽布局網頁的習慣，但是H5在DIV標簽的基礎上增加了header標簽元素，也就是我們說的頭部標簽，以往我們在布局中常常把網頁分為頭部，內容，底部，現在已經有系統的標簽來幫我們規劃，也是方便了很多，那么這個header標簽需要怎么使用呢？今天我們就來好好的研究一下
      正應為大家公認html布局中對“header”為常用命名，所以在HTML5新增了個header標簽元素�？梢赃@樣理解為什么在html5中新增header為標簽元素。
      除了直接使用header標簽外，也可以對header設置class或id。
      語法結構 
      header標簽元素和p用法相同。有開始有閉合。
      語法：
      <header>內容</header>
      直接不給id或class
      <header>頭部內容區</header>
      設置id
      <header id=”p”>頭部內容區</header>
      設置class
      <header class=”p”>頭部內容區</header>
      特點：就像DIV標簽元素一樣可以多次使用，不同地方可以使用id或class設置不同樣式。
      兼容性
      因為header標簽是HTML5新增標簽元素，所以舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當然國內360瀏覽器、百度瀏覽器、遨游瀏覽器等瀏覽器均借用系統自帶IE內核，所以國內瀏覽器實際上與你系統自帶瀏覽器IE版本相同，所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標簽元素。
      新舊DIV布局對比案例
      通過DIV+CSS布局與HTML5+CSS布局對比觀察并掌握對header應用。
      <!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html5 Header標簽實例</title> 
<style> 
/* 傳統布局CSS */ 
#header{ width:300px; height:40px; background:#CCC} 
 
/* HTML5布局樣式 */ 
header{ width:400px; height:70px; color:#F00; background:#F5F5F5} 
.color-000{ color:#000; background:#666} 
</style> 
</head> 
<body> 
<p id="header">我在傳統p布局中</p> 
 
<header>我在傳統p布局中,必須在支持HTML5瀏覽器才能看到效果， 
建議谷歌瀏覽器測試觀察效果</header> 
 
<header class="color-000">我顏色為黑色,背景為#666</header> 
</body> 
</html>
      <header>標簽的用法就是這么多了，更多精彩請關注php中文網其它相關文章！
      相關閱讀：
      ie6支持hover嗎？

      html導航條制作的圖文代碼分享

      怎樣用CSS操作p的z-index
      以上就是html 的<header>標簽需要怎么使用的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清