H5的一些新特性
2017-11-06 本文已影响0人
银河战舰_cc3f
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>
