h5的语义化标签

 

h5目前处于推广期   没有形成最终同意版本

 

h5简洁为主

h5新增的语义化标签 都有利于seo一优化-----对搜索引擎友好

 

<header></header>

网站公共的头部

    <footer></footer>

网站公用的尾部

    <nav></nav>

导航

    <section></section>

区块  一个部分

<article></article>

 

文章

里面存放文字 文章

 

mark   标签 标记  自带黄色背景

 

 

 

video 视频

 

controls  控制条

 

autoplay muted 实现静音播放

 

loop 循环播放

 

网页中  目前主要支持mp4/webm/ogg格式

 

 

如果浏览器不支持 可以在标签内写一段内容 

 

 

<audio src=""></audio>

 

音频

 

<canvas></canvas>

 

画布

 

 

 

    <input type="number">

只能输入数字

 

 

  <input type="search">

 

搜索框

 

    <input type="range">

 

 

滑块

 

    <input type="date">

 

日历

 

 

<input type="color">

 

颜色

 

 

 

 <input type="email">

 

邮箱

 

 

加了自动验证的

 

 

 

 

 

    <input type="text" placeholder="123">

 

placeholder

表示可以自动消失的提示文字

 

autofocus

获取焦点  一个页面只能使用一次

 

 

hidden  隐藏 

 

 

disabled

表示禁用 

 

 

 

required

 

必须的   必须填写  不能为空

 

 

<form action="" novalidate>

 

再form上可以添加属性   取消验证