忽略的Html5新增基本常用点

1.新的文档类型

       <!DOCTYPE html>

 

2.脚本和链接无需type

      <link rel="stylesheet" href="">

      <script src=""></script>

 

3.语义化的标签

      header footer

 

4.hgroup元素

     用于分组等 ,h1 h2等

 

5.标记元素等     

      mark 理解为高亮标签就可以。

 

6.图形元素

 

      figure标签元素,与figcaption结合 语义化的将注释和相应的图片联系起来

 

7.重新定义small标签

     用来被定义为小字,例如网站底部版权信息文字等。

8.占位符

     placeholder  

9.必要属性  

     required 新属性指定某一输入是否必须,两种方法声明这一属性。

     <input type="text" name="someInput" required>

          <input type="text" name="someInput" required="required">

10.autofocus 属性

     聚焦,利用自动聚焦属性<input type="text" autofocus>

11.audio

     不需要再依靠第三方插件来渲染音频,使用audio元素

     <audio autoplay="autoplay" controls="controls">

    <source src="file.org">

    <source src="file.mp3" <a href="file.mp3">Download</a>>

</audio>

12.video 支持

HTML5中不仅有<audio>元素,而且还有<video>。然而,和<audio>类似,HTML5中并没有指定视频解码器,它留给了浏览器来决定。虽然Safari和Internet Explorer9可以支持H.264式的视频,Firefox和Opera是坚持开源Theora 和Vorbis格式。因此,指定HTML5的视频时,你必须提供这两种格式。 

<video controls preload>

    <source src="file.mp4" type="video/mp4" codecs='avc1.42E01E, mp4a.40.2'>

    <source src="file.ogv" type="video/ogv" codecs='vorbis, theora'>

    <p>浏览器不支持<a href="file.mp4">Download</a></p>

</video>

13.视频预加载,显示控制条

      preload, controls 属性

 

14.正则表达式

     pattern属性直接插入一个正则表达式

     <form action="" method="post">

    <input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter country code" />

    <input type="submit" />

</form>

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值