HTML 簡單的&lt;header&amp

HTML 簡單的<header> 標簽

例

<article> 的頁眉：

<h1>Internet Explorer 9</h1>

</header>

<p> Windows Internet Explorer 9(縮寫為 IE9 )是在2011年3月14日21:00發布的</p>

</article>

瀏覽器支持

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 標簽。

注釋：IE 8 或更早版本的 IE 瀏覽器不支持 <header> 標簽。

標簽定義及使用說明

<header> 標簽定義文檔或者文檔的一部分區域的頁眉。

<header> 元素應該作為介紹內容或者導航鏈接欄的容器。

在一個文檔中，您可以定義多個 <header> 元素。

注釋：<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。

HTML 4.01 與 HTML5之間的差異

<header> 標簽是 HTML 5 中的新標簽。

全局屬性

<header> 標簽支持 HTML 的全局屬性。

事件屬性

<header> 標簽支持 HTML 的事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

簽是由：小于號+中間字符+大于號組成的代碼（注:代碼的所有字符都由英文字符組成）

作用是給用戶展示特定內容或是告訴瀏覽器與搜索引擎關于網頁的部分信息

									<!doctype html>

單標簽<<!doctype html>只有開始標簽

雙標簽<html></html>開始標簽和結束標簽成雙出現

"/”：網頁上如果某個標簽的小于號后面有此符號的即為結束標簽，沒有此符號的則為雙標簽

的專業術語稱為注釋標簽

我們可以將一行代碼的作用，含義，意圖等信息寫在這四個減號中間，讓自己后期能夠看懂之前寫的什么

div標簽的作用就在網頁內容中間劃分出若干個矩形區域，用以存放不一樣的內容

網頁中間有部分內容重要程度明顯高于其他區域：比如網頁標題，網頁logo，新聞標題等，這些重要區域就使用h系列的標簽來劃分

h系列標簽重要度按以下順序：

h1>h2>h3>h4>h5>h6

ul（ Unordered List ）無序列表標簽

網頁中間還有一些內容相似、結構相仿、布局接近的區域，像這一類區域我們就使用無序列表來進行區域劃分

ol（ ordered lists ）有序列表標簽

網頁中間還有一些內容相似、結構相仿、布局接近但是每個區域的內容是有先后關系的的區域，像這一類區域我們就使用有序列表來進行區域劃分，這一類區域大多用在詳細法律條文、政府公告、產品說明等內容上

dl（ definition list ）自定義列表標簽

網頁中間還有一些內容不完全一樣、結構相仿、布局接近、每個區域的內容沒有先后關系的的區域，像這一類區域我們就使用有自定義列表來進行區域劃分，這一類區域大多用在專業名詞條目的解釋，或是網頁底部信息分類等內容上

大段文字展示之p標簽

標簽的作用就是在網頁內容中間劃分出一個專門存放大段文字的區域

大段引用文字展示之blockquote標簽

blockquote標簽的作用就是：在網頁內容中間劃分展示大段引用自古典，古籍或是名人名言的區域

小行文字標注之span標簽

span標簽的作用就是在網頁內容的大段文字中間標注一行或是數行文字，并給這些文字設置一些不一樣的展示效果，比如：下劃線，顏色

重要文字標注之strong標簽

strong標簽的作用就是在網頁內容中的某段文字中間標注出特別重要的文字

注：

<em></em>標簽的效果與strong類似，區別在于em標簽包裹的文字重要性比strong標簽低，但是em標簽內的文字會產生傾斜效果

<i></i>標簽的效果則是包裹一段文字，使被包裹的文字產生傾斜效果，但是被包裹文字的重要性不會有什么變化

跳轉鏈接之a標簽

href=“網頁地址”: href是Hypertext Reference的縮寫，意思是超文本引用，作用就是讓我們可以點擊網頁的某些內容可以跳轉到其他的網頁上去

traget=“頁面打開方式”： ‘_blank’新頁面打開; _self 默認打開方式,當前頁打開

網頁圖片展示之img標簽

src=“圖片地址”:src是sourse的縮寫，表示我們需要顯示的圖片文件所在的位置

alt=“圖片名稱”：每個圖片都是為了展示某些內容，alt里面的文字則是為了描述圖片內容的

width=“圖片文件的實際寬度”：用以標注圖文文件的實際高度，此處高度數據不可修改，不可因為布局需要改成其他非實際尺寸

height=“圖片文件的實際高度”：同下

img標簽的文件地址代碼詳解

src: 路徑寫法,不能出現中文

相對路徑: 從本地文件(該代碼所在文件的當前位置)出發尋找到目標文件

./ (當前目錄)

../(上級目錄)

../../(上上級目錄)類推

絕對路徑:

從本地: D:/project/demo/pic.jpg

從網絡: :https://www.baidu.com/img/blabla.jpg

網頁圖片展示之video標簽

video標簽的作用就是在網頁上展示一個視頻

文件，這個標簽也是HTML5時代的一個代表性存在

src=“視頻地址”:src是sourse的縮寫，表示我們需要顯示的視頻文件所在的位置

controls=“controls”：這是視頻文件的控制按鈕區域

網頁圖片展示之audio標簽

audio標簽的作用就是在網頁上展示一個音頻文件，這個標簽也是HTML5時代的一個代表性存在

src=“視頻地址”:src是sourse的縮寫，表示我們需要顯示的視頻文件所在的位置

controls=“controls”：這是音頻文件的控制按鈕區域

喜歡小編文章的可以點個贊關注小編哦，小編每天都會給大家更新文章。

我自己是一名從事了多年的web程序員，小編為大家準備了新出的web學習資料，免費分享給大家！

如果你也想學習web前端，那么幫忙轉發一下然后再關注小編后私信“01”可以得到我整理的這些web資料了（私信方法：點擊我頭像進我主頁有個上面有個私信按鈕）。

例

使用 <span> 元素對文本中的一部分進行著色：

<p>我的母親有 <span style="color:blue">藍色</span> 的眼睛。</p>

瀏覽器支持

所有主流瀏覽器都支持 <span> 標簽。

標簽定義及使用說明

<span> 用于對文檔中的行內元素進行組合。

<span> 標簽沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。如果不對 <span> 應用樣式，那么 <span> 元素中的文本與其他文本不會任何視覺上的差異。

<span> 標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。

提示和注釋

提示：被 <span> 元素包含的文本，您可以使用 CSS 對它定義樣式，或者使用 JavaScript 對它進行操作。

HTML 4.01 與 HTML5之間的差異

NONE.

全局屬性

<span> 標簽支持 HTML 的全局屬性。

事件屬性

<span> 標簽支持 HTML 的事件屬性。