複製鏈接
請複製以下鏈接發送給好友

Header

鎖定
標頭 (header) 是服務器以HTTP協議傳HTML資料到瀏覽器前所送出的字串,在標頭與 HTML 文件之間尚需空一行分隔。
中文名
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 中送回 HTML 資料前,需先傳完所有的標頭。
範例一: 本例使瀏覽器重定向到 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> 標籤是 HTML 5 中的新標籤 [2] 

Header語法結構

header標籤元素和div用法相同。有開始有閉合。
語法:
<header>內容</header>
1、直接不給id或class
<header>頭部內容區</header>
2、設置id
<headerid=”divcss5”>頭部內容區</header>
3、設置class
<headerclass=”divcss5”>頭部內容區</header>
4、特點:就像DIV標籤元素一樣可以多次使用,不同地方可以使用id或class設置不同樣式。
參考資料