H5的一些新特性

1、新的文檔提綱標(biāo)簽

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

2、新的語義元素

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


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

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

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

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

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

進(jìn)度條語義

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

地址語義

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

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

Ajax<mark>一定</mark>要好好復(fù)習(xí)!

<ruby> 注音

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

3、表單元素不用放在form標(biāo)簽里面了

元素可以用form屬性和form標(biāo)簽的id進(jìn)行綁定

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

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

label標(biāo)簽現(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)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容