HTML5初探

传说中的HTML标准已经超过10年没有更新了，如今HTML5席卷全球，那么到底什么是HTML5呢？都在讲HTML5是web的新一代标准，它有着很多之前浏览器没有的新特性，可以说HTML5的到来给web前端带来了福音，具体带来了什么接下来我会一一道来。呃，在我们探讨HTML5的新特性之前，先来看HTML5究竟离我们还有多远？

HTML5新特性

  1. 新的Doctype

    <!DOCTYPE html>

    够简洁吧，反正以前的XHTML的声明我是没有记住的，HTML5这个够简洁吧！

  2. Figure元素 
    <figure>

    <img src="Path" alt="About" />

    <figcaption>

        This is an image of something interesting.

    </figcaption>

</figure>

    用<figure>和<figcaption>来语义化地表示带标题的图片

  3. 去掉link和script标签里面的type属性
  4. 加不加引号
    HTML5没有严格的要求属性必须加引号，闭合不闭合，但是建议加上引号和闭合标签
  5. 新的标签


    在HTML5中，可以通过更有语义的标签进行布局。

    • 更清晰的标记
    • 更符合语意的标记
    • 增强了标记的互用性
    • 提高了搜索引擎的效率
  6. <canvas>元素使图像脚本更灵活
    通常我们发布的图表都是通过使用图片编辑器来完成，一旦数据有了改变，你只能再次处理新的图片。在<canvas>元素的协助下，一旦数据有所改变，你可以通过各种脚本来修改饼状统计图（和其他图表）的数据。（这句真心没用过，貌似挺刁的）
  7. 预加载视频（reload）
    你可以决定是否需要在页面加载的时候去预加载视频

  8. 正则表达式 
    <input id="”username”" type="”text”" name="”username”" /> ″ pattern=”[A-Za-z]{,}” autofocus required>

    可以直接在标记中使用正则表达式

  9. 支持本地存储，可以作为cookie的替代特性
  10. 新的表单控制元素，日历，日期，时间，url，搜索等
  11. 浏览器的支持

    HTML5目前不是一个官方发布的标准，没有那个浏览器目前完全支持HTML5

小结

HTML5的还有很多令人心动的特性和新功能，小弟目前整理到这了，大家以后在使用的过程中慢慢发现吧！！！

如果你觉得此文对你有所帮助，不妨点击一下右下角的推荐咯，成长ing

HTML5给我们带来了什么？的更多相关文章

  1. 开大你的音响，感受HTML5 Audio API带来的视听盛宴

    话说HTML5的炫酷真的是让我爱不释手,即使在这个提到IE就伤心不完的年代.但话又说回来,追求卓越Web创造更美世界这样高的追求什么时候又与IE沾过边儿呢?所以当你在看本文并且我们开始讨论HTML5等 ...

  2. HTML5给我们带来了什么

    websocket 根据维基定义 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端直接向客户端推送数据而不需要客户端进行请求,在 WebSocket API 中,浏览器和服 ...

  3. 【HTML5】Web Audio API打造超炫的音乐可视化效果

    HTML5真是太多炫酷的东西了,其中Web Audio API算一个,琢磨着弄了个音乐可视化的demo,先上效果图: 项目演示:别说话,点我!  源码已经挂到github上了,有兴趣的同学也可以去st ...

  4. web时代变迁及html5与4的区别

    HTML5的新结构标签 在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式.而搜索引擎去抓取页面的内容的时候,它只能猜测 你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或 ...

  5. HTML5攻防向量

    From:HTML 5 Morden Day Attack And Defense Vectors Autor:Rafay Baloch 摘要 根据Powermapper出版的统计,他们分析的Web页 ...

  6. html和xhtml和html5一些区别和笔记

    XHTML,HTML XHTML 与 HTML 4.01 标准没有太多的不同, XHTML1.0是XML风格的HTML4.01,标签的规范更加严格 , W3C一直是推崇XHTML这种严格类型的语法, ...

  7. 深入理解HTML5：语义、标准与样式（勇猛精进早登大师殿堂创最优品质交互）

    深入理解HTML5:语义.标准与样式(勇猛精进早登大师殿堂创最优品质交互) [美]布拉德福(Bradford,A.) [美]海涅(Haine,P.)著 高京译 ISBN 978-7-121-20552 ...

  8. html5文章 -- 应用HTML5 开发手机APP

    因为HTML5暂时无法短期内在PC普及,主要方向在使用高端浏览器的高端移动设备,所以可以用作开发Android系统的App.但只有Android2.2以上.iOS3.2以上均支持HTML5,两大平台有 ...

  9. HTML5里autofocus属性

    转载:http://www.webhek.com/html5-autofocus/ HTML5给我们带来了一大堆神奇的东西.以前需要用JavaScript和Flash完成的任务,例如表单校验,INPU ...

随机推荐

  1. [转]让你提升命令行效率的 Bash 快捷键

    生活在 Bash shell 中,熟记以下快捷键,将极大的提高你的命令行操作效率. 编辑命令 Ctrl + a :移到命令行首 Ctrl + e :移到命令行尾 Ctrl + f :按字符前移(右向) ...

  2. 【MINA】OrderedThreadPoolExecutor和UnorderedThreadPoolExecutor的事件监听线程池的选择

    mina中有两个线程池概念 1.处理监听建立连接的线程池  2.处理读写事件的线程池 本文中主要探讨读写事件的线程池的选择 这两种都经过实际项目的使用和检测,说说优缺点 早期的项目是用Unordere ...

  3. ASP保存远程图片文件到本地代码

    <% Function SaveRemoteFile(LocalFileName,RemoteFileUrl) SaveRemoteFile=True dim Ads,Retrieval,Get ...

  4. Innosetup打包自动下载.net framework 动态库及替换卸载程序图标.

    在使用了一段时间微软自带的安装包打包工具后,总感觉不太顺利,于是便想着找一种更简单稳定的打包工具,这类工具其实还不少,最终经过各种考量,我们选择了 InnoSetup , 该工具是一个完全免费的Win ...

  5. python学习第二天：数字与字符串转换及逻辑值

    1.数字与字符串的转化     #1.数字转字符,使用格式化字符串:         *1.demo = ‘%d’  %  source         *2.%d整型:%f 浮点型 :%e科学计数 ...

  6. UIButton 未响应原因分析

    1.父视图响应者链被阻断;例如:在 UILabel,UIImageView 控件添加UIButton,因为UILabel(userInteractionEnabled属性值为NO) 阻断了响应者链,所 ...

  7. mina2.0 spring

    Apache MINA是一个网络应用程序框架,它可以帮助用户开发的高性能.高扩展性的网络应用程序.它提供了一个抽象的事件驱动的异步API在不同传输如TCP/IP和UDP/IP通过java NIO. A ...

  8. 16_会话技术_Session案例

    [购物车中的信息保存] [Book.java] package com.Higgin.shopping; public class Book { private String id; private ...

  9. 双人五子棋对战（需要EasyX图像库）

    实训要做项目呐.天天坐在电脑面前累死了.最近题刷的少.大多数都挺水.就不挨个编辑发上来了.发发白天写的项目吧.可能好几天更一下.实训结束恢复正常. 这个游戏需要EasyX的图像库.有兴趣的可以下一个图 ...

  10. NOIP200905

    暴力,简单,,, 题目好长,差点没读完 试题描述 R国和S国正陷入战火之中,双方都互派间谍,潜入对方内部,伺机行动.历经艰险后,潜伏于S国的R国间谍小C终于摸清了S国军用密码的编码规则:1)S国军方内 ...