H5的一些新特性

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>

最后编辑于：2017.12.11 09:13:21

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

H5的一些新特性