濮阳杆衣贸易有限公司

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

淺析HTML5中header標簽的用法

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

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

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

XML/HTML Code復制內容到剪貼板
  1. <header>  
  2.  <h1>雨打浮萍</h1>  
  3.  <p>專注于web前端開發(fā)</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的使用更加靈活,你可以根據(jù)你的需要來定義和組織document結構。

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

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

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

巨人網(wǎng)絡通訊聲明:本文標題《淺析HTML5中header標簽的用法》,本文關鍵詞  淺析,HTML5,中,header,標簽,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《淺析HTML5中header標簽的用法》相關的同類信息!
  • 本頁收集關于淺析HTML5中header標簽的用法的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    庆阳市| 叙永县| 武功县| 古丈县| 登封市| 广汉市| 精河县| 格尔木市| 达日县| 石渠县| 涟水县| 中卫市| 巍山| 措美县| 宣城市| 璧山县| 秀山| 宝清县| 那坡县| 娱乐| 将乐县| 龙里县| 兰西县| 吉安市| 清远市| 米泉市| 鄯善县| 腾冲县| 张家界市| 舞阳县| 宜兴市| 湾仔区| 平江县| 荆门市| 天气| 揭西县| 凌海市| 宁乡县| 呈贡县| 阳泉市| 蒲城县|