美文网首页
H5的一些新特性

H5的一些新特性

作者: 银河战舰_cc3f | 来源:发表于2017-11-06 20:55 被阅读0次

    1、新的文档提纲标签

    <header></header> 头部标签
    <section></section> 区域标签
    <footer></footer> 脚部标签
    <article></article> 文章标签
    <aside></aside> 侧边内容标签
    <nav></nav> 导航标签

    2、新的语义元素

    <template>放模板的标签,允许包含加载页面时不渲染,但又可以随后通过javascript实例化的客户端内容。

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

    <main> 呈现了文档<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标签现在可以直接包裹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>
    

    相关文章

      网友评论

          本文标题:H5的一些新特性

          本文链接:https://www.haomeiwen.com/subject/sklrmxtx.html