HTML非常用標(biāo)簽體驗(yàn)

  • <abbr> : 標(biāo)記一個(gè)縮寫
    此標(biāo)簽的title屬性為必須,否則不生效嗡午。
    <abbr title="中華人民共和國(guó)">中國(guó)</abbr> 于1949年成立

  • <address> :標(biāo)簽定義文檔或文章的作者/擁有者的聯(lián)系信息
    如果 <address> 元素位于 <body> 元素內(nèi),則它表示文檔聯(lián)系信息。如果 <address> 元素位于 <article> 元素內(nèi),則它表示文章的聯(lián)系信息打却。<address> 元素中的文本通常呈現(xiàn)為斜體。
    <address>陜西省西安市未央?yún)^(qū)</address>

  • <map> <area> : 帶有可點(diǎn)擊區(qū)域的圖像映射
    與<img>元素一起用谎倔,圖像映射(image-map)指帶有可點(diǎn)擊區(qū)域的一幅圖像柳击。<area> 元素永遠(yuǎn)嵌套在 <map> 元素內(nèi)部。<area> 元素可定義圖像映射中的區(qū)域片习。area元素屬性有coords(坐標(biāo)值,寫法參考svg各個(gè)基本元素)捌肴、href(定義此區(qū)域的url)、nohref(此區(qū)域無映射)藕咏、shape(定義區(qū)域的形狀,取值circle/rect/poly/default)状知、target(與a元素的target一樣)
    ![](planets.jpg)
    <map name="planetmap" id="planetmap">
    <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
    <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
    <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
    </map>
    點(diǎn)擊查看實(shí)例

  • <article> : 獨(dú)立的自包含內(nèi)容。
    一段文本有獨(dú)立意義則可以使用該標(biāo)簽,實(shí)際顯示效果與div一樣孽查。

  • <aside> : 用作文章的側(cè)邊欄
    現(xiàn)在多用作網(wǎng)頁(yè)的左側(cè)導(dǎo)航,語(yǔ)義化標(biāo)簽,顯示效果與div一樣饥悴。

  • <audio> : 定義聲音插入音頻

    屬性 說明
    autoplay autoplay 自動(dòng)播放
    controls controls 顯示控件(播放/暫停、聲音、下載)
    loop loop 循環(huán)播放
    preload preload 預(yù)加載(autoplay出現(xiàn)時(shí)忽略)
    src src 音頻的地址

    <audio src="http://www.w3school.com.cn/i/horse.ogg"></audio>

  • <base> : 為頁(yè)面上所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)西设。
    base標(biāo)簽必須位于head標(biāo)簽內(nèi)瓣铣。影響的元素有<a>、<img>贷揽、<link>棠笑、<form>通常情況下,瀏覽器會(huì)從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對(duì) URL 中的空白禽绪。此標(biāo)簽href屬性為必須蓖救。下面代碼中img實(shí)際地址為"http://img.taopic.com/uploads/allimg/131009/235013-13100ZP54561.jpg"
    <head><base ></head>
    <body>![](235013-13100ZP54561.jpg)</body>

  • <bdo> : 覆蓋默認(rèn)的文本方向。
    屬性dir有兩個(gè)值ltr和rtl印屁,即從左到右還是從右到左藻糖。
    <bdo dir="rtl">倒過來念的是豬</bdo>

  • <blockquote> : 定義塊引用

    標(biāo)簽內(nèi)所有文本都會(huì)從常規(guī)文本中分離出來,經(jīng)常會(huì)在左库车、右兩邊進(jìn)行縮進(jìn)(增加外邊距)巨柒,而且有時(shí)會(huì)使用斜體。也就是說柠衍,塊引用擁有它們自己的空間洋满。常搭配偽元素作如下效果。
  • <q> : 定義短的引用
    該標(biāo)簽用于簡(jiǎn)短的行內(nèi)引用珍坊。顯示效果為 給標(biāo)簽內(nèi)的文字加上 引號(hào)牺勾。
    這是<q>標(biāo)簽</q>

  • <caption> : 表格的標(biāo)題

    <table border="1">
      <caption>這是標(biāo)題</caption>
      <tr><td>100</td><td>200</td><td>300</td></tr>
      <tr><td>400</td><td>500</td><td>600</td></tr>
     </table>
    
  • <datalist> : 定義選項(xiàng)列表
    與input配合使用可以做出autocomplete功能。
    <input list="cars" />
    <datalist id="cars">
      <option value="BMW">
      <option value="Ford">
      <option value="Volvo">
    </datalist>
    
    點(diǎn)擊查看實(shí)例效果
  • <embed> : 定義嵌入的內(nèi)容阵漏,比如插件驻民、多媒體。

    屬性 說明
    autostart true/false 自動(dòng)播放
    controls console smallconsole playbutton pausebutton stopbutton volumelever 顯示控件類型console:一般正常面板履怯;smallconsole:較小的面板回还;playbutton:只顯示播放按鈕;pausebutton:只顯示暫停按鈕叹洲;stopbutton:只顯示停止按鈕柠硕;volumelever:只顯示音量調(diào)節(jié)按鈕。
    loop true/false 循環(huán)播放
    hidden false/true 是否隱藏
    src src 內(nèi)容的地址
    starttime mm:ss(分:秒) 從指定時(shí)間開始播放
    volume 0-100 音量大小
  • <mark> : 標(biāo)記文本
    <p>我是<mark>中國(guó)</mark>人</p>

  • <optgroup> : 對(duì)option進(jìn)行分組

    <select>
      <optgroup label="國(guó)產(chǎn)車">
        <option>比亞迪</option>
        <option>吉利</option>
      </optgroup>
      <optgroup label="日產(chǎn)車">
        <option>豐田</option>
        <option>本田</option>
      </optgroup>
    </select>
    
  • : 下標(biāo)文本和上標(biāo)文本
    在數(shù)學(xué)等式运提、科學(xué)符號(hào)和化學(xué)公式中非常有用蝗柔。

  • <fieldset> <legend> : 表單分組

  • <figure> <figcaption> : 圖文組合

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市民泵,隨后出現(xiàn)的幾起案子癣丧,更是在濱河造成了極大的恐慌,老刑警劉巖栈妆,帶你破解...
    沈念sama閱讀 218,546評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胁编,死亡現(xiàn)場(chǎng)離奇詭異厢钧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)掏呼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門坏快,熙熙樓的掌柜王于貴愁眉苦臉地迎上來铅檩,“玉大人憎夷,你說我怎么就攤上這事∶林迹” “怎么了拾给?”我有些...
    開封第一講書人閱讀 164,911評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)兔沃。 經(jīng)常有香客問我蒋得,道長(zhǎng),這世上最難降的妖魔是什么乒疏? 我笑而不...
    開封第一講書人閱讀 58,737評(píng)論 1 294
  • 正文 為了忘掉前任额衙,我火速辦了婚禮,結(jié)果婚禮上怕吴,老公的妹妹穿的比我還像新娘窍侧。我一直安慰自己,他們只是感情好转绷,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,753評(píng)論 6 392
  • 文/花漫 我一把揭開白布伟件。 她就那樣靜靜地躺著,像睡著了一般议经。 火紅的嫁衣襯著肌膚如雪斧账。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,598評(píng)論 1 305
  • 那天煞肾,我揣著相機(jī)與錄音咧织,去河邊找鬼。 笑死籍救,一個(gè)胖子當(dāng)著我的面吹牛拯爽,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播钧忽,決...
    沈念sama閱讀 40,338評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼毯炮,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了耸黑?” 一聲冷哼從身側(cè)響起桃煎,我...
    開封第一講書人閱讀 39,249評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎大刊,沒想到半個(gè)月后为迈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體三椿,經(jīng)...
    沈念sama閱讀 45,696評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,888評(píng)論 3 336
  • 正文 我和宋清朗相戀三年葫辐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了搜锰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,013評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡耿战,死狀恐怖蛋叼,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情剂陡,我是刑警寧澤狈涮,帶...
    沈念sama閱讀 35,731評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站鸭栖,受9級(jí)特大地震影響歌馍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜晕鹊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,348評(píng)論 3 330
  • 文/蒙蒙 一松却、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧溅话,春花似錦晓锻、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至循狰,卻和暖如春窟社,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绪钥。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工灿里, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人程腹。 一個(gè)月前我還...
    沈念sama閱讀 48,203評(píng)論 3 370
  • 正文 我出身青樓匣吊,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親寸潦。 傳聞我的和親對(duì)象是個(gè)殘疾皇子色鸳,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,960評(píng)論 2 355

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

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,247評(píng)論 1 41
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)见转、插件命雀、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,105評(píng)論 4 62
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)斩箫,斷路器吏砂,智...
    卡卡羅2017閱讀 134,657評(píng)論 18 139
  • 時(shí)間如同那推碾的磨撵儿,轉(zhuǎn)了一圈又一圈,不覺間就轉(zhuǎn)到了又一年的迎春時(shí)狐血。 小時(shí)候的我們過年時(shí)習(xí)慣扳著指頭淀歇,念著年謠,...
    含羞姑閱讀 1,637評(píng)論 7 61
  • InnoDB 緩沖池 InnoDB 維護(hù)一個(gè)稱為緩沖池的存儲(chǔ)區(qū)域匈织, 用于緩存內(nèi)存中的數(shù)據(jù)和索引緩沖池的大小當(dāng)然是越...
    mashen閱讀 1,656評(píng)論 0 0