美文网首页
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基础知识点

    H5新特性,移除哪些标签?

  • 2019-05-22记面试

    1.h5和css3的新特性 h5新特性:语义化标签[footer,header,section,nav];; ...

  • # H5 一些新特性

    1. 充满全屏 webkitRequestFullScreen() 取消全屏: webkitCancelFullS...

  • H5的一些新特性

    1、新的文档提纲标签 头部标签 区域标签 脚部标签 文章标签 侧边内容标签 导航标签...

  • 前端技能概况

    html 块级元素、行内元素、盒子模型 H5新特性 css css3新特性 flex 布局 动画 js js基础 ...

  • H5-1

    H5需要掌握的技术: HTML+CSS Vue Javascript nodeJS h5的新特性和微信开发 htm...

  • 3月份第二次总结(H5的新特性)

    html5 的新特性 摘抄至H5新特性 1.语义化标签 标签描述 定义了文档的头部区域 定义了文档...

  • 用js实现placeholder效果(兼容ie)

    placeholder是h5的新特性,所以低浏览器不支持

  • 论H5的一些新特性

    兼容 h5的兼容写法 document.cleateElement创建对应的标签,但是创建出来的标签是行内元素,需...

  • H5C3的新特性

    H5新特性 拖拽释放(Drap and drop) API ondrop 拖放是一种常见的特性,即抓取对象以后拖到...

网友评论

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

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