校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 淺析HTML5中header標簽的用法

淺析HTML5中header標簽的用法

熱門標簽:飛亞外呼系統 西寧智能外呼系統加盟 百應電銷機器人產業 貸款電銷人工和機器人哪個好 電話機器人如何 杭州營銷電銷機器人供應商 高德地圖標注賓館位置 聯通400電話申請 電視購物電銷外呼系統

<header>標簽定義文檔的頁眉,通常是一些引導和導航信息。它不局限于寫在網頁頭部,也可以寫在網頁內容里面。
在新的標準中header標簽定義如下:

"A group of introductory or navigational aids.”
基本意思是“一組介紹性的護著導航相關的輔助內容”。字面上理解header標簽不單單只是定義頁頭內容,也可以定義頁頭以下其它內容的介紹。這和我們傳統的頁面header定義并不完全一致。
通常<header>標簽至少包含(但不局限于)一個標題標記(<h1>-<h6>),還可以包括<hgroup>標簽,還可以包括表格內容、標識、搜索表單、<nav>導航等。

XML/HTML Code復制內容到剪貼板
  1. <header>  
  2.  <h1>雨打浮萍</h1>  
  3.  <p>專注于web前端開發</p>  
  4. </header>  
  5. <article>  
  6.  <header>  
  7.   <h1>html5語義化標簽之結構標簽</h1>  
  8.   <p>article、section、hgroup、aside、nav...</p>  
  9.  </header>  
  10.  <p>...這里面包含很多東西...</p>  
  11. </article>  

在上面的結構中,我們可以看到使用header我們定義了一篇文章的標題和內容。這里header標簽的使用并不是頁面的頁頭,而是文章的頁頭。

所以在HTML5中,header的使用更加靈活,你可以根據你的需要來定義和組織document結構。

同樣,在架構頁面時,header標簽一般都放在頁面的頂部,但是如果你想把他放在左側,右側甚至底部都沒有關系,標簽只定義了本身在頁面的角色,而不是位置。當然更具搜索引擎優化原則,重要內容最后在架構頁面的時候提前。
最后由于在HTML5中header屬于塊元素,如果我們要在大多數主流瀏覽器使用的話最好定義CSS,如下。

CSS Code復制內容到剪貼板
  1. header { display:block;}  

標簽:晉中 內蒙古 牡丹江 安慶 玉溪 煙臺 邯鄲 撫州

巨人網絡通訊聲明:本文標題《淺析HTML5中header標簽的用法》,本文關鍵詞  淺析,HTML5,中,header,標簽,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《淺析HTML5中header標簽的用法》相關的同類信息!
  • 本頁收集關于淺析HTML5中header標簽的用法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 望奎县| 密山市| 夏津县| 承德县| 铜鼓县| 和平县| 清丰县| 吉隆县| 胶南市| 萨嘎县| 岳西县| 通许县| 绵阳市| 萍乡市| 江川县| 三门县| 喀喇沁旗| 海城市| 彭山县| 黔西| 瑞安市| 柘城县| 镇远县| 安康市| 怀仁县| 徐州市| 神农架林区| 郎溪县| 西盟| 延寿县| 陈巴尔虎旗| 桓台县| 平泉县| 东乡族自治县| 周宁县| 聊城市| 璧山县| 林口县| 蓬莱市| 南漳县| 高阳县|