Primary:HTML{二、頁面各類標(biāo)簽的使用(不常用)}

Meta(應(yīng)該是完整版)

聲明文檔使用的字符編碼:
<meta charset="utf-8" />
聲明文檔的兼容模式:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> //指示IE以目前可用的最高模式顯示內(nèi)容
定義對頁面的描述:
<meta name="description" content="HTML5COL學(xué)院提供高質(zhì)量HTML5教學(xué)" />
定義頁面的最新版本:
<meta name="revised" content="Frank, 2016/3/1" />

SEO 優(yōu)化

頁面描述
<meta name="description" content="不超過850個字符"/>
定義針對搜索引擎的關(guān)鍵詞:
<meta name="keywords" content="HTML5COL學(xué)院, HTML5, CSS3, JavaScript" />
定義網(wǎng)頁作者:
<meta name="author" content="HTML5COL" />
定義網(wǎng)頁搜索引擎索引方式,使用英文逗號「,」分隔两波,常有如下幾種取值:none,noindex,nofollow,all,index和follow:
<meta name="robots" content="index,follow" />
為移動設(shè)備添加 viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
參數(shù)說明
content參數(shù) 釋義 
width viewport 寬度(數(shù)值/device-width) 
height viewport 高度(數(shù)值/device-height) 
initial-scale 初始縮放比例 
maximum-scale 最大縮放比例 
minimum-scale 最小縮放比例 
user-scalable 是否允許用戶縮放(yes/no) 

ISO 設(shè)備

添加到主屏后的標(biāo)題(iOS 6開始):
<meta name="apple-mobile-web-app-title" content="標(biāo)題" />
設(shè)置狀態(tài)欄的背景顏色:
<meta name="apple-mobile-web-app-title" content="yes" />
是否啟用 WebApp 全屏模式:
<meta name="apple-mobile-web-app-capable" content="yes" />
設(shè)置狀態(tài)欄的背景顏色:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
注:只有在 "apple-mobile-web-app-capable" content="yes" 時生效
content 參數(shù):
content參數(shù) 釋義 
default 默認(rèn)值静浴,網(wǎng)頁內(nèi)容從狀態(tài)欄底部開始 
black 狀態(tài)欄背景是黑色,網(wǎng)頁內(nèi)容從狀態(tài)欄底部開始 
black-translucent 狀態(tài)欄背景是黑色半透明袄秩,網(wǎng)頁內(nèi)容充滿整個屏幕,頂部會被狀態(tài)欄遮擋 

Windows 8

Windows 8 磁貼顏色:
<meta name="msapplication-TileColor" content="#000" />
Windows 8 磁貼圖標(biāo):
<meta name="msapplication-TileImage" content="icon.png" />
其他
禁止數(shù)字識自動別為電話號碼:
<meta name="format-detection" content="telephone=no" />
不讓android識別郵箱:
<meta name="format-detection" content="email=no" />
每 8 秒刷新一次頁面:
<meta http-equiv="refresh" content="8" />

Marquee(文字滾動)

behavior="SCROLL" 
決定文字的卷動方式逢并,可選值為: 
SCROLL 一般卷動之剧,是內(nèi)定值。 
SLIDE 如幻燈片砍聊,一格格的猪狈,效果是文字一接觸左邊便全部消失。 
ALTERNATE 文字向左右兩邊撞來撞去辩恼。 
direction="LEFT" 
設(shè)定文字的卷動方向雇庙,LEFT 表示向左,是內(nèi)定值灶伊,RIGHT 表示向右疆前。 
bgcolor="#0000FF" 
設(shè)定文字卷動范圍的背景顏色。 
height="30" width="150" 
設(shè)定文字卷動范圍聘萨,可采用相對或絕對竹椒,如 30% 或 30 等,單位為像素米辐。 
hspace="0" vspace="0" 
設(shè)定文字的水平及垂直空白位置胸完。 
loop="INFINITE" 
設(shè)定文字卷動次數(shù)书释,其值可以是正整數(shù)或 INFINITE,INFINITE 是內(nèi)定值赊窥,表示無 限次爆惧。 
scrollamount="30" 
每「格」文字之間的間隔,單位是像素锨能。 
scrolldelay="500" 
文字卷動的停頓時間扯再,單位是毫秒。

HTML標(biāo)記

HTML 標(biāo)記一覽
 
標(biāo)記 類型 譯名或意義 作 用 備注 
文件標(biāo)記 
<HTML> ● 文件聲明 讓瀏覽器知道這是 HTML 文件   
<HEAD> ● 開頭 提供文件整體資訊   
<TITLE> ● 標(biāo)題 定義文件標(biāo)題址遇,將顯示于瀏覽頂端   
<BODY> ● 本文 設(shè)計(jì)文件格式及內(nèi)文所在   
排版標(biāo)記 
<!--注解--> ○ 說明標(biāo)記 為文件加上說明熄阻,但不被顯示   
<P> ○ 段落標(biāo)記 為字、畫倔约、表格等之間留一空白行   
<BR> ○ 換行標(biāo)記 令字秃殉、畫、表格等顯示于下一行   
<HR> ○ 水平線 插入一條水平線   
<CENTER> ● 居中 令字浸剩、畫钾军、表格等顯示于中間 反對 
<PRE> ● 預(yù)設(shè)格式 令文件按照原始碼的排列方式顯示   
<DIV> ● 區(qū)隔標(biāo)記 設(shè)定字、畫乒省、表格等的擺放位置   
<NOBR> ● 不折行 令文字不因太長而繞行   
<WBR> ● 建議折行 預(yù)設(shè)折行部位   
字體標(biāo)記 
<STRONG> ● 加重語氣 產(chǎn)生字體加粗 Bold 的效果   
<B> ● 粗體標(biāo)記 產(chǎn)生字體加粗的效果   
<EM> ● 強(qiáng)調(diào)標(biāo)記 字體出現(xiàn)斜體效果   
<I> ● 斜體標(biāo)記 字體出現(xiàn)斜體效果   
<TT> ● 打字字體 Courier字體,字母寬度相同   
<U> ● 加上底線 加上底線 反對 
<H1> ● 一級標(biāo)題標(biāo)記 變粗變大加寬畦木,程度與級數(shù)反比   
<H2> ● 二級標(biāo)題標(biāo)記 將字體變粗變大加寬   
<H3> ● 三級標(biāo)題標(biāo)記 將字體變粗變大加寬   
<H4> ● 四級標(biāo)題標(biāo)記 將字體變粗變大加寬   
<H5> ● 五級標(biāo)題標(biāo)記 將字體變粗變大加寬   
<H6> ● 六級標(biāo)題標(biāo)記 將字體變粗變大加寬   
<FONT> ● 字形標(biāo)記 設(shè)定字形袖扛、大小、顏色 反對 
<BASEFONT> ○ 基準(zhǔn)字形標(biāo)記 設(shè)定所有字形十籍、大小蛆封、顏色 反對 
<BIG> ● 字體加大 令字體稍為加大   
<SMALL> ● 字體縮細(xì) 令字體稍為縮細(xì)   
<STRIKE> ● 畫線刪除 為字體加一刪除線 反對 
<CODE> ● 程式碼 字體稍為加寬如<TT>   
<KBD> ● 鍵盤字 字體稍為加寬,單一空白   
<SAMP> ● 范例 字體稍為加寬如<TT>   
<VAR> ● 變數(shù) 斜體效果   
<CITE> ● 傳記引述 斜體效果   
<BLOCKQUOTE> ● 引述文字區(qū)塊 縮排字體   
<DFN> ● 述語定義 斜體效果   
<ADDRESS> ● 地址標(biāo)記 斜體效果   
<SUB> ● 下標(biāo)字 指數(shù)   
<SUP> ● 下標(biāo)字 下標(biāo)字   
清單標(biāo)記 
<OL> ● 順序清單 清單項(xiàng)目將以數(shù)字勾栗、字母順序排列   
<UL> ● 無序清單 清單項(xiàng)目將以圓點(diǎn)排列   
<LI> ○ 清單項(xiàng)目 每一標(biāo)記標(biāo)示一項(xiàng)清單項(xiàng)目   
<MENU> ● 選單清單 清單項(xiàng)目將以圓點(diǎn)排列惨篱,如<UL> 反對 
<DIR> ● 目錄清單 清單項(xiàng)目將以圓點(diǎn)排列,如<UL> 反對 
<DL> ● 定義清單 清單分兩層出現(xiàn)   
<DT> ○ 定義條目 標(biāo)示該項(xiàng)定義的標(biāo)題   
<DD> ○ 定義內(nèi)容 標(biāo)示定義內(nèi)容   
表格標(biāo)記 
<TABLE> ● 表格標(biāo)記 設(shè)定該表格的各項(xiàng)參數(shù)   
<CAPTION> ● 表格標(biāo)題 做成一打通列以填入表格標(biāo)題   
<TR> ● 表格列 設(shè)定該表格的列   
<TD> ● 表格欄 設(shè)定該表格的欄   
<TH> ● 表格標(biāo)頭 相等于<TD>围俘,但其內(nèi)之字體會變粗   
表單標(biāo)記 
<FORM> ● 表單標(biāo)記 決定單一表單的運(yùn)作模式   
<TEXTAREA> ● 文字區(qū)塊 提供文字方盒以輸入較大量文字   
<INPUT> ○ 輸入標(biāo)記 決定輸入形式   
<SELECT> ● 選擇標(biāo)記 建立 pop-up 卷動清單   
<OPTION> ○ 選項(xiàng) 每一標(biāo)記標(biāo)示一個選項(xiàng)   
圖形標(biāo)記 
<IMG> ○ 圖形標(biāo)記 用以插入圖形及設(shè)定圖形屬性   
連結(jié)標(biāo)記 
<A> ● 連結(jié)標(biāo)記 加入連結(jié)   
<BASE> ○ 基準(zhǔn)標(biāo)記 可將相對 URL 轉(zhuǎn)絕對及指定連結(jié)目標(biāo)   
框架標(biāo)記 
<FRAMESET> ● 框架設(shè)定 設(shè)定框架   
<FRAME> ○ 框窗設(shè)定 設(shè)定框窗   
<IFRAME> ○ 頁內(nèi)框架 于網(wǎng)頁中間插入框架 IE 
<NOFRAMES> ● 不支援框架 設(shè)定當(dāng)瀏覽器不支援框架時的提示   
影像地圖 
<MAP> ● 影像地圖名稱 設(shè)定影像地圖名稱   
<AREA> ○ 連結(jié)區(qū)域 設(shè)定各連結(jié)區(qū)域   
多媒體 
<BGSOUND> ○ 背景聲音 于背景播放聲音或音樂 IE 
<EMBED> ○ 多媒體 加入聲音砸讳、音樂或影像   
其他標(biāo)記 
<MARQUEE> ● 走動文字 令文字左右走動 IE 
<BLINK> ● 閃爍文字 閃爍文字 NC 
<ISINDEX> ○ 頁內(nèi)尋找器 可輸入關(guān)鍵字尋找于該一頁 反對 
<META> ○ 開頭定義 讓瀏覽器知道這是 HTML 文件   
<LINK> ○ 關(guān)系定義 定義該文件與其他 URL 的關(guān)系   
StyleSheet 
<STYLE> ● 樣式表 控制網(wǎng)頁版面   
<span> ● 自訂標(biāo)記 獨(dú)立使用或與樣式表同用   

注: 

● 表示該標(biāo)記屬圍堵標(biāo)記,即需要關(guān)閉標(biāo)記如 </標(biāo)記>界牡。 
○ 表示該標(biāo)記屬空標(biāo)記簿寂,即不需要關(guān)閉標(biāo)記。 
IE 表示該標(biāo)記只適用于 Internet Explorer宿亡。 
NC 表示該標(biāo)記只適用于 Netscape Communicator常遂。 
反對 表示該標(biāo)記不為 W3C 所贊同,通常這標(biāo)記是 IE 或 NC 自訂挽荠,且己為眾所支 持克胳,只是 HTML 標(biāo)準(zhǔn)中有其它同功能或更好的選擇平绩。 
棄用 表示該標(biāo)記己為 W3C 所棄用,是過時的標(biāo)記漠另,但 HTML 具向下兼容的特 性捏雌,不用擔(dān)心新瀏覽器不支援舊標(biāo)記。 
新 表示該標(biāo)記是 HTML 4.0 中新增的酗钞。 
 

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末腹忽,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子砚作,更是在濱河造成了極大的恐慌窘奏,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件葫录,死亡現(xiàn)場離奇詭異着裹,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)米同,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進(jìn)店門骇扇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人面粮,你說我怎么就攤上這事少孝。” “怎么了熬苍?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵稍走,是天一觀的道長。 經(jīng)常有香客問我柴底,道長婿脸,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任柄驻,我火速辦了婚禮狐树,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘鸿脓。我一直安慰自己抑钟,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布野哭。 她就那樣靜靜地躺著味赃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪虐拓。 梳的紋絲不亂的頭發(fā)上心俗,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼城榛。 笑死揪利,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的狠持。 我是一名探鬼主播疟位,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼喘垂!你這毒婦竟也來了甜刻?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤正勒,失蹤者是張志新(化名)和其女友劉穎得院,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體章贞,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡祥绞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了鸭限。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蜕径。...
    茶點(diǎn)故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖败京,靈堂內(nèi)的尸體忽然破棺而出兜喻,到底是詐尸還是另有隱情,我是刑警寧澤赡麦,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布朴皆,位于F島的核電站,受9級特大地震影響隧甚,放射性物質(zhì)發(fā)生泄漏车荔。R本人自食惡果不足惜渡冻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一戚扳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧族吻,春花似錦帽借、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至巍举,卻和暖如春脆荷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工蜓谋, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留梦皮,地道東北人。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓桃焕,卻偏偏與公主長得像剑肯,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子观堂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Mobile Web Favorites 參與貢獻(xiàn) 移動前端開發(fā)收藏夾让网,歡迎使用Issues以及 Pull Req...
    柴東啊閱讀 734評論 0 2
  • 第一章 1、使用瀏覽器去訪問的程序师痕,叫網(wǎng)頁 2溃睹、web代碼存放在服務(wù)器 代碼分為兩種:① 運(yùn)行在瀏覽器端:前端代...
    fastwe閱讀 3,409評論 0 2
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,247評論 1 41
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程七兜,因...
    小菜c閱讀 6,424評論 0 17
  • 在WebStorm中新建一個html文件丸凭,默認(rèn)的模板是下面這樣的: <html lang="en"> 上面這句有的...
    愿你如夏日清涼的風(fēng)閱讀 1,449評論 0 2