H1在網(wǎng)頁(yè)里是什么意思？

這些都是HTML中的常用標(biāo)簽 他們都有特定的定義

沒有英文全名

HTML標(biāo)簽詳解

結(jié)構(gòu)

＜html＞

＜head＞

＜title＞標(biāo)題＜/title＞

＜/head＞

＜body＞

..........文件內(nèi)容..........

＜/body＞

＜/html＞

1.文件標(biāo)題

＜title＞..........＜/title＞

2.文件更新--＜meta＞

【1】10秒后自動(dòng)更新一次

＜meta http-equiv="refresh" content=10＞

【2】10秒后自動(dòng)連結(jié)到另一文件

＜meta http-equiv="refresh" content="10；URL=欲連結(jié)文件之URL"＞

3.查詢用表單--＜isindex

若欲設(shè)定查詢欄位前的提示文字：

＜isindex prompt="提示文字"＞

4.預(yù)設(shè)的基準(zhǔn)路徑--＜base

＜base href="放置文件的主機(jī)之URL"＞

版面

1.標(biāo)題文字 ＜h#＞..........＜/h#＞ #=1~6；h1為最大字，h6為最小字

2.字體變化 ＜font＞..........＜/font＞

【1】字體大小 ＜font size=#＞..........＜/font＞ #=1~7；數(shù)字愈大字也愈大

【2】指定字型 ＜font face="字型名稱"＞..........＜/font＞

【3】文字顏色 ＜font color=#rrggbb＞..........＜/font＞ rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍(lán)色（blue）色碼

3.顯示小字體 ＜small＞..........＜/small＞

4.顯示大字體 ＜big＞..........＜/big＞

5.粗體字 ＜b＞..........＜/b＞

6.斜體字 ＜i＞..........＜/i＞

7.打字機(jī)字體 ＜tt＞..........＜/tt＞

8.底線 ＜u＞..........＜/u＞

9.刪除線 ＜strike＞..........＜/strike＞

10.下標(biāo)字 ＜sub＞..........＜/sub＞

11.上標(biāo)字 ＜sup..........＜/sup＞

12.文字閃爍效果 ＜blink＞..........＜/blink＞

13.換行 ＜br＞

14.分段 ＜p＞

15.文字的對(duì)齊方向 ＜p align="#"＞ #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊 P.S.＜p align="#"＞之后的文字都會(huì)以所設(shè)的對(duì)齊方式顯示， 直到出現(xiàn)另一個(gè)＜p align="#"＞改變其對(duì)齊方向，或遇到 ＜hr＞?＜h#＞標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對(duì)齊。

16.分隔線 ＜hr＞

【1】分隔線的粗細(xì) ＜hr size=點(diǎn)數(shù)＞

【2】分隔線的寬度 ＜hr size=點(diǎn)數(shù)或百分比＞

【3】分隔線對(duì)齊方向 ＜hr align="#"＞ #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊

【4】分隔線的顏色 ＜hr color=#rrggbb＞

【5】實(shí)心分隔線 ＜hr noshade＞

17.向中對(duì)齊 ＜center＞..........＜/center＞

18.依原始樣式顯示 ＜pre＞..........＜/pre＞

19.＜body＞指令的屬性

【1】背景顏色 -- bgcolor ＜body bgcolor=#rrggbb＞

【2】背景圖案 -- background ＜body background="圖形文件名"＞

【3】設(shè)定背景圖案不會(huì)卷動(dòng) -- bgproperties ＜body bgproperties=fixed＞

【4】文件內(nèi)容文字的顏色 -- text ＜body text=#rrggbb＞

【5】超連結(jié)文字顏色 -- link ＜body link=#rrggbb＞

【6】正被選取的超連結(jié)文字顏色 -- vlink ＜body vlink=#rrggbb＞

【7】已連結(jié)過的超連結(jié)文字顏色 -- alink ＜body alink=#rrggbb＞

20.注解 ＜!--..........--＞21.特殊字元表示法

符 號(hào) 語(yǔ) 法

＜ ＆lt

＞ ＆gt

＆amp

" ＆quot

空白 ＆nbsp

圖片

1.插入圖片 ＜img src="圖形文件名"＞

2.設(shè)定圖框 -- border ＜img src="圖形文件名" border=點(diǎn)數(shù)＞

3.設(shè)定圖形大小 -- width?height ＜img src="圖形文件名" width=寬度點(diǎn)數(shù) height=高度點(diǎn)數(shù)＞

4.設(shè)定圖形上下左右留空 -- vspace?hspace ＜img src="圖形文件名" vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)＞

5.圖形附注 ＜img src="圖形文件名" alt="說明文字"＞

6.預(yù)載圖片

＜img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"＞ P.S.兩個(gè)圖的圖形大小最好一致

7.影像地圖（Image Map） ＜img src="圖形文件名" usemap="#圖的名稱"＞ ＜map name="圖的名稱"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞

＜area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"＞ ＜/map＞

【1】定義形狀 -- shape

shape=rect：矩形 shape=circle：圓形 shape=poly：多邊形

【2】定義區(qū)域 -- coords

a.矩形：必須使用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)

例：＜area shape=rect coords=100,50,200,75 href="URL"＞

b.圓形：必須使用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)，最后一個(gè)數(shù)字為半徑長(zhǎng)度

例：＜area shape=circle coords=85,155,30 href="URL"＞

c.任意圖形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入

例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"＞

表格

1.定義表格 ＜table＞..........＜/table＞

【1】設(shè)定邊框的厚度 -- border

＜table border=點(diǎn)數(shù)＞

【2】設(shè)定格線的寬度 -- cellspacing

＜table cellspacing=點(diǎn)數(shù)＞

【3】設(shè)定資料與格線的距離 -- cellpadding

＜table cellpadding=點(diǎn)數(shù)＞

【4】調(diào)整表格寬度 -- width

＜table width=點(diǎn)數(shù)或百分比＞

【5】調(diào)整表格高度 -- height

＜table height=點(diǎn)數(shù)或百分比＞

【6】設(shè)定表格背景色彩 -- bgcolor

＜table bgcolor=#rrggbb＞

【7】設(shè)定表格邊框色彩 -- bordercolor

＜table bordercolor=#rrggbb＞

2.顯示格線 ＜table border＞

3.表格標(biāo)題

＜caption＞..........＜/caption＞

表格標(biāo)題位置 -- align

＜caption align="#"＞ #號(hào)可為 top：表標(biāo)題置于表格上方（預(yù)設(shè)值）

bottom：表標(biāo)題置于表格下方

4.定義列 ＜tr＞

5.定義欄位 《1》＜td＞：靠左對(duì)齊

《2》＜th＞：靠中對(duì)齊?粗體

【1】水平位置 -- align ＜th align="#"＞

#號(hào)可為 left：向左對(duì)齊

center：向中對(duì)齊 right：向右對(duì)齊

【2】垂直位置 -- align ＜th align="#"＞ #號(hào)可為

top：向上對(duì)齊 middle：向中對(duì)齊

bottom：向下對(duì)齊

【3】欄位寬度 -- width

＜th width=點(diǎn)數(shù)或百分比＞

【4】欄位垂直合并 -- rowspan

＜th rowspan=欲合并欄位數(shù)＞

【5】欄位橫向合并 -- colspan

＜th colspan=欲合并欄位數(shù)＞

清單

一、目錄式清單

＜dir＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/dir＞ P.S.目錄式清單每一個(gè)項(xiàng)目不能超過20個(gè)字元（即10個(gè)中文字）

二、選項(xiàng)式清單 ＜menu＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/menu＞

三、有序號(hào)的清單 ＜o(jì)l＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/ol＞

【1】序號(hào)形式 -- type ＜o(jì)l type=#＞或＜li type=#＞ #號(hào)可為 A：表以大寫英文字母A?B?C?D...做為項(xiàng)目編號(hào) a：表以小寫英文字母a?b?c?d...做為項(xiàng)目編號(hào) I：表以大寫羅馬數(shù)字做為項(xiàng)目編號(hào) i：表以小寫羅馬數(shù)字做為項(xiàng)目編號(hào) 1：表以阿拉伯?dāng)?shù)字做為項(xiàng)目編號(hào)（預(yù)設(shè)值）

【2】起始數(shù)字 -- start ＜o(jì)l start=欲開始計(jì)數(shù)的序數(shù)＞

【3】指定編號(hào) -- value ＜li value=欲指定的序數(shù)＞

四、無序號(hào)的清單 ＜ul＞ ＜li＞項(xiàng)目1 ＜li＞項(xiàng)目2 ＜li＞項(xiàng)目3 ＜/ul＞

【1】項(xiàng)目符號(hào)形式 -- type ＜ul type=#＞或＜li type=#＞ #號(hào)可為 disc：實(shí)心圓點(diǎn)（預(yù)設(shè)值） circle：空心圓點(diǎn) square：實(shí)心方塊

【2】原始清單 -- plain ＜ul plain＞

【3】清單排列方式 -- warp 《1》清單垂直排列 ＜ul warp = vert＞ 《2》清單水平排列 ＜ul warp = horiz＞

五、定義式清單 ＜dl＞ ＜dt＞項(xiàng)目1 ＜dd＞項(xiàng)目1說明 ＜dt＞項(xiàng)目2 ＜dd＞項(xiàng)目2說明 ＜dt＞項(xiàng)目3 ＜dd＞項(xiàng)目3說明 ＜/dl＞

緊密排列 -- compact ＜dl compact＞ P.S.如此可使＜dt＞的內(nèi)容與＜dd＞的內(nèi)容在同一行，僅 以數(shù)格空白相隔而不換行，但若＜dt＞的文字超過一 定的長(zhǎng)度后，compact的作用就消失了！

表單

一、基本架構(gòu) ＜form action="處理資料用的CGI程式之URL"或"mailto:電子信箱的URL" method="get或post"＞ .......... .......... .......... ＜/form＞

二、輸入文件型表單 ＜form action="URL" method="post"＞ ＜input＞ ＜input＞ .......... .......... ＜/form＞

【1】欄位類型 -- type ＜input type=#＞ #號(hào)可為 text：文字輸入 password：密碼 checkbox：多選鈕 radio：?jiǎn)芜x鈕 submit：接受按鈕 reset：重設(shè)按鈕 image：圖形鈕 hidden：隱藏欄位

【2】欄位名稱 -- name ＜input name="資料欄名"＞ P.S.若type為submit?reset則name不必設(shè)定

【3】文件上的預(yù)設(shè)值 -- value ＜input value="預(yù)設(shè)之字串"＞

【4】設(shè)定欄位的寬度 -- size ＜input size=字元數(shù)＞

【5】限制最大輸入字串的長(zhǎng)度 -- maxlength ＜input maxlength=字元數(shù)＞

【6】預(yù)設(shè)checkbox或radio的初值 -- checked ＜input type=checkbox checked＞ ＜input type=radio checked＞

【7】指定圖形的URL -- src ＜input type=image src="圖檔名"＞

【8】圖文對(duì)齊 -- align ＜input type=image align="#"＞ #號(hào)可為 top：文字對(duì)齊圖片之頂端 middle：文字對(duì)齊圖片之中間 buttom：文字對(duì)齊圖片之底部

三、選擇式表單 ＜form action="URL" method="post"＞ ＜select＞ ＜o(jì)ption＞ ＜o(jì)ption＞ .......... .......... ＜/select＞ ＜/form＞

A、＜select＞的屬性

【1】欄位名稱 -- name ＜select name="資料欄位名"＞

【2】設(shè)定顯示的選項(xiàng)數(shù) -- size ＜select size=個(gè)數(shù)＞

【3】多重選項(xiàng) -- multiple ＜select multiple＞

B、＜o(jì)ption＞的屬性

【1】定義選項(xiàng)的傳回值 -- value ＜o(jì)ption value="傳回值"＞

【2】預(yù)先選取的選項(xiàng) -- selected ＜o(jì)ption selected＞

四、多列輸入文字區(qū)表單 ＜form action="URL" method="post"＞ ＜textarea＞ .......... .......... ＜/textarea＞ ＜/form＞

【1】文字區(qū)的變數(shù)名稱 -- name ＜textarea name=變數(shù)名稱＞

【2】設(shè)定文字輸入?yún)^(qū)寬度 -- cols ＜textarea cols=字元數(shù)＞

【3】設(shè)定文字輸入?yún)^(qū)高度 -- rows ＜textarea rows=列數(shù)＞

【4】輸入?yún)^(qū)設(shè)定預(yù)設(shè)字串 ＜textarea＞ 預(yù)設(shè)文字 ＜/textarea＞

【5】自動(dòng)換行與否 -- wrap ＜textarea wrap=#＞ #號(hào)可為 off：表輸入的文字超過欄寬時(shí)，不會(huì)自動(dòng)換行（預(yù)設(shè)值） virtual：表輸入的文字在超過欄寬時(shí)會(huì)自動(dòng)換行

鏈接

一、連結(jié)至其他文件 ＜a href="URL"＞說明文字或圖片＜/a＞

二、連結(jié)至文件內(nèi)之某一處（外部連結(jié)）

《1》起點(diǎn)

＜a href="檔名#名稱"＞..........＜/a＞

《2》終點(diǎn) ＜a name="名稱"＞

三、frame的超連結(jié)

【1】開啟新的瀏覽器來顯示連結(jié)文件 -- _blank ＜a href="URL" target=_blank＞

【2】顯示連結(jié)文件於目前的frame -- _self ＜a href="URL" target=_self＞

【3】以上一層的分割視窗顯示連結(jié)文件 -- _parent ＜a href="URL" target=_parent＞

【4】以全視窗顯示連結(jié)文件 -- _top ＜a href="URL" target=_top＞

【5】以特定視窗顯示連結(jié)文件 --＜a href="URL" target="特定視窗名稱"＞

FRAME

一、分割視窗指令 ＜frameset＞..........＜/frameset＞

【1】垂直（上下）分割 -- rows

＜frameset rows=#＞ #號(hào)可為點(diǎn)數(shù)：如欲分割為100,200,300三個(gè)視窗，則

＜frameset rows=100,200,300＞；亦可以*號(hào)代表，如＜frameset rows=*,500,*＞

百分比：如＜frameset rows=30%,70%＞，各 項(xiàng)總和最好為100%

【2】水平（左右）分割 -- cols ＜frameset cols=點(diǎn)數(shù)或百分比＞

二?指定視窗內(nèi)容 -- ＜frame＞

＜frameset cols=30%,70%＞ ＜frame＞ ＜frame＞ ＜/frameset＞

【1】指定視窗的文件名稱 -- src ＜frame src=HTML檔名＞

【2】定義視窗的名稱 -- name

＜frame name=視窗名稱＞

【3】設(shè)定文件與上下邊框的距離 -- marginheight

＜frame marginheight=點(diǎn)數(shù)＞

【4】設(shè)定文件與左右邊框的距離 -- marginwidth

＜frame marginwidth=點(diǎn)數(shù)＞

【5】設(shè)定分割視窗卷軸 -- scrolling

＜frame scrolling=#＞ #號(hào)可為 yes：固定出現(xiàn)卷軸

no：不出現(xiàn)卷軸 auto：自動(dòng)判斷文件大小需不需要卷軸（預(yù)設(shè)值）

【6】鎖住分割視窗的大小 -- noresize ＜frame noresize＞

更多更全的請(qǐng)看下面

什么是H1、H2和H3標(biāo)簽？

heading是h1，h2，h3，h4，h5，h6 這六個(gè)Xhtml標(biāo)簽的統(tǒng)稱，既標(biāo)題的意思。六個(gè)標(biāo)簽的權(quán)重由大到小，既h1為大標(biāo)題，h6為最小的標(biāo)題。h1 — 大標(biāo)題，放置于首頁(yè)頂部區(qū)域，通常即導(dǎo)航以上的部分，全站通用，用來詮釋整個(gè)網(wǎng)站的內(nèi)容，應(yīng)包含網(wǎng)站主關(guān)鍵字，但切忌不要進(jìn)行關(guān)鍵字堆砌。最好是在網(wǎng)頁(yè)源代碼的body標(biāo)簽一開始的第一個(gè)容器中第一行出現(xiàn)。且保證一個(gè)頁(yè)面中只出現(xiàn)一次。h2 — 副標(biāo)題，每個(gè)頁(yè)面出現(xiàn)的次數(shù)以1-3次為宜。首頁(yè)：同h1，放置于主頭部區(qū)域，于h1的下方，全站調(diào)用，同樣用于概括整站的內(nèi)容。或者在頭部通用區(qū)域的下方，首頁(yè)內(nèi)容的開頭或者中間部分使用一次，用于詮釋首頁(yè)的內(nèi)容。子頻道頁(yè)：無論頂部區(qū)域是否出現(xiàn)過一次h2，可結(jié)合實(shí)際情況在頭部通用區(qū)域的下方，頁(yè)面內(nèi)容的開頭部分使用一次，用于詮釋頻道頁(yè)面的內(nèi)容。（以上2種方法可以任選其一，也可以同時(shí)并存）文章/產(chǎn)品內(nèi)頁(yè)：文章的標(biāo)題使用h2標(biāo)簽。按以上方法，h2標(biāo)簽最多會(huì)被使用到3次，但是請(qǐng)少使用1次。據(jù)以往經(jīng)驗(yàn)來看，文章/產(chǎn)品內(nèi)頁(yè)使用h2標(biāo)簽效果顯著。h3— 小標(biāo)題，個(gè)人愛用于小欄目的名稱

CSS中的h1，h2，h3，h4，h5，h6是什么意思

指的是標(biāo)題，h1一級(jí)標(biāo)題，h2二級(jí)標(biāo)題，h6六級(jí)標(biāo)題。這些都是塊級(jí)標(biāo)簽，默認(rèn)樣式從h1到h6字體大小依次減小。

什么是H標(biāo)簽，對(duì)網(wǎng)站優(yōu)化有什么幫助？

一、H標(biāo)簽釋意

百度百科上的解釋是：Heading標(biāo)簽也叫做H標(biāo)簽，HTML語(yǔ)言里一共有六種大小的heading 標(biāo)簽，是網(wǎng)頁(yè)html 中對(duì)文本標(biāo)題所進(jìn)行的著重強(qiáng)調(diào)的一種標(biāo)簽，以標(biāo)簽h1、h2、h3到h6定義標(biāo)題頭的六個(gè)不同文字大小的tags,本質(zhì)是為了呈現(xiàn)內(nèi)容結(jié)構(gòu)。共有六對(duì)，文字從大到小，依此顯示重要性的遞減，也就是權(quán)重依次降低。

二、H標(biāo)簽在網(wǎng)站優(yōu)化中作用

1、對(duì)于用戶的作用

H標(biāo)簽可以強(qiáng)調(diào)文章主題，從H6到H1字體逐次變大加粗，H標(biāo)簽的應(yīng)用使得文章更有層次感，有條理性，可以讓用戶快速分辯出哪里是重點(diǎn)，這樣可以節(jié)省用戶的閱讀時(shí)間成本，提高網(wǎng)站內(nèi)容的可讀性，從而提高網(wǎng)站對(duì)用戶的友好度。這個(gè)大家應(yīng)該都清楚，在瀏覽網(wǎng)頁(yè)的時(shí)候最煩的就是網(wǎng)頁(yè)內(nèi)容長(zhǎng)篇大論，密密麻麻的字體充斥著整個(gè)網(wǎng)頁(yè)，用戶每次看到這樣的頁(yè)面時(shí)，第一反應(yīng)就是反感，第二反應(yīng)就是關(guān)閉網(wǎng)頁(yè)，尋找其他網(wǎng)站。所以，層次清晰的文章內(nèi)容是讓用戶喜歡你的第一要素，利用H標(biāo)簽可以更好的滿足用戶需求。

2、對(duì)于搜索引擎的作用

H標(biāo)簽除了可以滿足用戶體驗(yàn)，引導(dǎo)用戶閱讀之外，還可以告訴搜索引擎哪些內(nèi)容是重要的，哪些內(nèi)容是次要的，對(duì)搜索引擎來說，h標(biāo)簽的主要意義是告訴搜索引擎這個(gè)是一段文字的標(biāo)題或說是主題，起強(qiáng)調(diào)作用，h標(biāo)簽的權(quán)重會(huì)高于Strong，所以不管在做百度搜索引擎優(yōu)化還是谷歌搜索引擎優(yōu)化，H標(biāo)簽的運(yùn)用顯得尤為重要。

三、正確使用H標(biāo)簽提升關(guān)鍵詞排名

1、一個(gè)網(wǎng)頁(yè)只能有一個(gè)h1標(biāo)簽

h1標(biāo)簽里面的內(nèi)容就相當(dāng)于這篇文章的標(biāo)題，而一篇文章只能有一個(gè)標(biāo)題，由于h1傳遞的權(quán)重值最大，所以最好將這個(gè)頁(yè)面最重要的關(guān)鍵詞放到h1標(biāo)簽里，這樣會(huì)對(duì)關(guān)鍵詞排名起到很大的推動(dòng)作用，雖然h1標(biāo)簽對(duì)關(guān)鍵詞排名有很大的推動(dòng)作用，但是不能太貪把很多關(guān)鍵詞都放在h1標(biāo)簽中，這樣會(huì)分散權(quán)重，不僅不能提升排名，反而會(huì)影響主詞的排名。

2、區(qū)分title跟h1標(biāo)簽的區(qū)別，合理布置關(guān)鍵詞

很多新手在開始學(xué)習(xí)的時(shí)候會(huì)將title跟h1標(biāo)簽混為一談，認(rèn)為這兩個(gè)詞說的是同一個(gè)東西，但是，事實(shí)并非如此。title和H1標(biāo)簽內(nèi)容并不需要相同，在title和H1標(biāo)簽中合理的布置關(guān)鍵詞可以更利于關(guān)鍵詞排名的提升。

3、避免H標(biāo)簽的濫用

很多人認(rèn)為既然H標(biāo)簽可以提升關(guān)鍵詞排名，那么為什么不多添加一些呢？于是乎就開始了”H標(biāo)簽添加工程“，在寫文章時(shí)每遇到一個(gè)關(guān)鍵詞，就用H標(biāo)簽重點(diǎn)突出一下，這樣下來，一篇文章滿滿的全是H標(biāo)簽，但是這樣做的后果就是導(dǎo)致H標(biāo)簽泛濫，搜索引擎在面對(duì)大量的H標(biāo)簽時(shí)，反倒不能分辯哪個(gè)是重點(diǎn)，這樣H標(biāo)簽突出關(guān)鍵詞的作用也就沒有了。所以，H標(biāo)簽使用要恰到好處，適可而止。