-
Header
鎖定
- 中文名
- Header
- 外文名
- Header
- 別 名
- 標頭
- 性 質
- 名詞
Header基本介紹
在HTML5版本之前習慣使用div標籤佈局網頁,在HTML5在DIV標籤基礎上新增header標籤元素。也叫“<header>”頭部標籤。以前我們在div css佈局中常常把網頁大致分為頭部、內容、底部。對於大結構我們常常使用div里加id進行佈局。而頭部常常使用<div id=”header”></div>或<div class=”header”></div>進行佈局,特點與傳統DIV佈局不同,少了div做標籤,而是新增元素標籤。
正因為大家公認html佈局中對“header”為常用命名,所以在HTML5新增了個header標籤元素。可以這樣理解為什麼在html5中新增header為標籤元素。
Header範例
有關 HTTP 的詳細説明,可以參 RFC 2068 官方文件.
範例一: 本例使瀏覽器重定向到 PHP 的官方網站。
[1]
//view plaincopy to clipboardprint? <?php Header('Location: (PHP官方網址)'); exit; ?>
範例二:
//view plaincopy to clipboardprint? <?php if(xxx) { Header('Location:(PHP官方網址)'); } else { Header('Location: (PHP2)); } ?>
範例二可以簡化為:
//view plaincopy to clipboardprint? <?php if(xxx) { Header('Location: (PHP官網)'); break; } ?>
view plaincopy to clipboardprint?
<?php /** @title:PHP定時跳轉 @author:axgle @date:2005-11-04 @功能:等待指定的時間,然後再跳轉到指定頁面(代替html meta方式) */ header("refresh:3;url=(鏈接地址)"); print('正在加載,請稍等...<br>三秒後自動跳轉~~~'); /* 補充説明: 若等待時間為0,則與header("location:")等效。 */ ?>
控制文件編碼:
header("Content-type: text/xml; charset=utf-8");
或者 header("Content-type:image/gif");
Header標籤設置
<header> 標籤定義文檔的頁眉(介紹信息)。
Header語法結構
header標籤元素和div用法相同。有開始有閉合。
語法:
<header>內容</header>
1、直接不給id或class
<header>頭部內容區</header>
2、設置id
<headerid=”divcss5”>頭部內容區</header>
3、設置class
<headerclass=”divcss5”>頭部內容區</header>
4、特點:就像DIV標籤元素一樣可以多次使用,不同地方可以使用id或class設置不同樣式。
- 參考資料
-
- 1. php官網header函數 .PHP[引用日期2012-08-06]
- 2. header標籤 .W3Cschool[引用日期2012-09-25]