HTML5简介

  1. H5并不是新的语言,而是html语言的第五次重大修改版本;2014年10月由万维网联盟(W3C)完成标准制定,设计目的是为了在移动设备上支持多媒体。
  2. 支持:所有的主流浏览器都支持H5。IE9以下不支持;
  3. 改变了用户的文档交互形式:多媒体:video audio canvas;
  4. 新增了其他新的特性:语义特性,本地存储,网页多媒体,二维三维,特效(过渡、动画);
  5. 相对于H4:
  • 进步:抛弃了一些不合理不常用的标记和属性
  • 新增了一些标记和属性
  • 从代码角度而言,h5网页结构更简洁
  1. 兼容性处理
    对于IE9以下的浏览器,不可能手动创建标签,因为太麻烦。我们可以引入第三方插件。
<head>
<meta charset="utf-8">
<title>Styling HTML5</title>
  <!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->
</head>
  1. HTML5文档声明更加简单了:
<!DOCTYPE html>
  1. HTML5 中的一些有趣的新特性:
  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,比如 article、footer、header、nav、section
  • 新的表单控件,比如 calendar、date、time、email、url、search
  1. HTML5的改进
  • 新元素
  • 新属性
  • 完全支持 CSS3
  • 多媒体Video 和 Audio
  • 2D/3D 制图
  • 本地存储
  • 本地 SQL 数据
  • Web 应用
  1. 使用 HTML5 你可以简单地开发应用
  • 本地数据存储
  • 访问本地文件
  • 本地 SQL 数据
  • 缓存引用
  • Javascript 工作者
  • XHTMLHttpRequest 2
  1. 使用 HTML5 你可以简单的绘制图形:
  • 使用 <canvas> 元素
  • 使用内联 SVG
  • 使用 CSS3 2D/CSS 3D
  1. HTML5 使用 CSS3
  • 新选择器
  • 新属性
  • 动画
  • 2D/3D 转换
  • 圆角
  • 阴影效果
  • 可下载的字体
  1. HTML5 添加了很多语义元素如下所示:
<article>   定义页面独立的内容区域。
<aside> 定义页面的侧边栏内容。
<bdi>   允许您设置一段文本,使其脱离其父元素的文本方向设置。
<command>   定义命令按钮,比如单选按钮、复选框或按钮
<details>   用于描述文档或文档某个部分的细节
<dialog>    定义对话框,比如提示框
<summary>   标签包含 details 元素的标题
<figure>    规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption>    定义 <figure> 元素的标题
<footer>    定义 section 或 document 的页脚。
<header>    定义了文档的头部区域
<mark>  定义带有记号的文本。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<nav>   定义导航链接的部分。
<progress>  定义任何类型的任务的进度。
<ruby>  定义 ruby 注释(中文注音或字符)。
<rt>    定义字符(中文注音或字符)的解释或发音。
<rp>    在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<section>   定义文档中的节(section、区段)。
<time>  定义日期或时间。
<wbr>   规定在文本中的何处适合添加换行符。
  1. HTML5 表单
    新表单元素, 新属性,新输入类型,自动验证。
    新的表单控件,比如 calendar、date、time、email、url、search
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,172评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,346评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,788评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,299评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,409评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,467评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,476评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,262评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,699评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,994评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,167评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,827评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,499评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,149评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,387评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,028评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,055评论 2 352

推荐阅读更多精彩内容

  • HTML5 简介 HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。HTML...
    hx永恒之恋阅读 1,209评论 0 6
  • 1. 了解HTML5 HTML5属于上一代HTML5的新迭代语言,设计HTML5的最主要的目的就是为了在移动设备上...
    冰冰啦阅读 560评论 0 1
  • 什么是HTML? HTML是用来描述网页的一种语言 HTML指超文本标记语言(Hyper Text Markup ...
    克意练习阅读 183评论 0 0
  • 1、HTML5基本认知 ->建立了新规则:新特性基于HTML、CSS 、DOM以及JavaScript;减少外部插...
    官清岁月阅读 316评论 0 1
  • HTML5 是下一代的 HTML。 什么是 HTML5? HTML5 将成为 HTML、XHTML 以及 HTML...
    tiandashu阅读 396评论 0 0