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

主頁 > 知識庫 > 淺析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標簽的用法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 屏山县| 黑水县| 上林县| 宣城市| 呼和浩特市| 建昌县| 博湖县| 镇宁| 舞钢市| 镇平县| 交口县| 丰原市| 资源县| 镇远县| 斗六市| 朔州市| 子洲县| 太康县| 确山县| 凭祥市| 乌兰县| 全椒县| 阿克苏市| 岑巩县| 宁阳县| 招远市| 布拖县| 获嘉县| 嘉义县| 农安县| 蒙自县| 北京市| 洱源县| 遵义市| 苏尼特右旗| 当涂县| 阳谷县| 汾阳市| 红桥区| 防城港市| 六枝特区|