H5的一些新特性

1、新的文檔提綱標簽

<header></header> 頭部標簽
<section></section> 區(qū)域標簽
<footer></footer> 腳部標簽
<article></article> 文章標簽
<aside></aside> 側(cè)邊內(nèi)容標簽
<nav></nav> 導航標簽

2对途、新的語義元素

<template>放模板的標簽,允許包含加載頁面時不渲染询一,但又可以隨后通過javascript實例化的客戶端內(nèi)容寸谜。


    <template>
        <ul>
            <li><%=name%> </li>
            <li><%=name%> </li>
            <li><%=name%> </li>
            <li><%=name%> </li>
        </ul>
    </template>

<main> 呈現(xiàn)了文檔<body>或應用的主體部分

<section>
 <aside></aside>
 <main></main>
</section>

<figure>和<figcaption>放置圖和它的說明文字

<figure>
    <img src="images/0.jpg" alt="">
    <figcaption>這是一只狗</figcaption>
</figure>

進度條語義

<progress value="60" max="100">60%</progress>

地址語義

<address>北京市石景山</address>

<mark>表示要被高亮的文本,注意是語義是"重要的"躺坟,不代表它的真實樣式沦补,比如你能設置傾斜的

Ajax<mark>一定</mark>要好好復習!

<ruby> 注音

<p>
    傻<ruby>屌<rt>diǎo</rt></ruby>
</p>

3咪橙、表單元素不用放在form標簽里面了

元素可以用form屬性和form標簽的id進行綁定

<form action="1.php" method="get" id="biaodan"></form>

<input type="text" form="biaodan" name="xingming" />
<input type="submit" form="biaodan" >

label標簽現(xiàn)在可以直接包裹input元素了

    <label>
        <input type="radio" name="sex">男
    </label>

所有的text框都能夠增加datalist提示文本了

       <input type="text" list="tishi">
            <datalist id="tishi">
                <option value="北京">北京</option>
                <option value="上海">上海</option>
                <option value="東莞">東莞</option>
                <option value="東京">東京</option>
            </datalist>

必填項

<input type="text" list="ganying" required>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末夕膀,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子匣摘,更是在濱河造成了極大的恐慌店诗,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件音榜,死亡現(xiàn)場離奇詭異,居然都是意外死亡捧弃,警方通過查閱死者的電腦和手機赠叼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來违霞,“玉大人嘴办,你說我怎么就攤上這事÷蚋耄” “怎么了涧郊?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長眼五。 經(jīng)常有香客問我妆艘,道長彤灶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任批旺,我火速辦了婚禮幌陕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘汽煮。我一直安慰自己搏熄,他們只是感情好,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布暇赤。 她就那樣靜靜地躺著心例,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鞋囊。 梳的紋絲不亂的頭發(fā)上止后,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天,我揣著相機與錄音失暴,去河邊找鬼坯门。 笑死,一個胖子當著我的面吹牛逗扒,可吹牛的內(nèi)容都是我干的古戴。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼矩肩,長吁一口氣:“原來是場噩夢啊……” “哼现恼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起黍檩,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤叉袍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后刽酱,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體喳逛,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年棵里,在試婚紗的時候發(fā)現(xiàn)自己被綠了润文。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡殿怜,死狀恐怖典蝌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情头谜,我是刑警寧澤骏掀,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響截驮,放射性物質(zhì)發(fā)生泄漏笑陈。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一侧纯、第九天 我趴在偏房一處隱蔽的房頂上張望新锈。 院中可真熱鬧,春花似錦眶熬、人聲如沸妹笆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拳缠。三九已至,卻和暖如春贸弥,著一層夾襖步出監(jiān)牢的瞬間窟坐,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工绵疲, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留哲鸳,地道東北人。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓盔憨,卻偏偏與公主長得像徙菠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子郁岩,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

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

  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋婿奔。注釋內(nèi)容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,058評論 1 25
  • HTML標簽解釋大全 一问慎、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,242評論 1 41
  • HTML5 1.HTML5新元素 HTML5提供了新的元素來創(chuàng)建更好的頁面結(jié)構(gòu): 標簽描述 定義頁面獨立的內(nèi)容區(qū)域...
    L怪丫頭閱讀 2,809評論 0 4
  • 一萍摊、HTML5 1.1 認識HTML5 HTML5并不僅僅只是作為HTML標記語言的一個最新版本,更重要的是它制定...
    福爾摩雞閱讀 15,888評論 14 51
  • 舒達達達閱讀 374評論 0 1