tm

是AMD公司的处理器 型号是sempron闪龙 x2双核180的 主频2.4G 闪龙是低端型号 对应intel的赛扬系列

看你怎么用了办公用英特尔稳定性高 家用AMD速度快 本人推皆你用AMD时间就是金钱啊 好就给个最佳

那要看你主板是什么 芯片组 ，你看看BIOS有 ACC选项的 可以试试 开核

不是酷睿，酷睿是Intel的CPU，这个是AMD(超微)的闪龙(Sempron)CPU。。目前世界上两大CPU生产商，一个就是Intel，业界NO.1，另一个就是AMD了。。。这个闪龙CPU在AMD的CPU系列里属于低端产品，速龙(Athlon)是属于AMD中端系列CPU，闪龙(Sempron)是低端，羿龙(Phenom)是高端了。这个闪龙Sempron140是单核的CPU，早就停产啦，以前也就卖200多点，现在你二手的估计更不值钱了。内存2G，硬盘320G，主板是七彩虹。声卡显卡集成。。内存是DDR2还是DDR3?主板是什么芯片组的?都没说清楚呢，但是就这个配置看起来。。不带彩显的话，顶多500到600左右吧。CPU，主板都很差，新的都不值什么钱，旧的就更卖不出价钱了加起来150左右了不起了。。。主要是内存和硬盘值点钱，内存算150的话，硬盘100。。显卡声卡集成，加上其他杂七杂八，500左右都算不错了。。呃。。。有彩显的话要卖的多点，不过得看什么彩显了，液晶的还是纯平的?多大的?什么牌子，有几成新。。都会影响彩显的售价的。。所以就不评估了。

上面说的游戏压力都比较大，建议加个显卡

我觉得没办法

貌似是闪龙双核180，比较老的CPU了，性能一般。一般的操作使用没问题，程序多开，或者运行大型游戏就会很吃力了。

很垃圾

AMD Sempron 145是单核处理器。CPU主频：2.8GHz接口：Socket AM3制作工艺：45nm热设计功耗：45W内核电压：0.825-1.35V一级缓存：128KB二级缓存：1MB虚拟化技术：AMD VT64位处理器：是集成显卡：否

刚看了楼主的问题和下面的追问，楼主哪区电脑店了。学习机这个词表明你的机器没有升级潜力。你这个机子主要是做监控用，提倡的是稳定

这不型号你都写出来了啊，AMD 是品牌 Sempron是闪龙系列 ， X2 是双核 ，190是型号，Processor翻译过来就是处理器， 2.5GHZ是运行频率。当然你想知道这个CPU的详细参数 可下载CPU-Z进行单独检测

还好了.

AMD3800+双核处理器!

CPU

不是，是是单核处理器。中央处理器是一块超大规模的集成电路，是一台计算机的运算核心（Core）和控制核心（ Control Unit）。它的功能主要是解释计算机指令以及处理计算机软件中的数据。中央处理器主要包括运算器（算术逻辑运算单元，ALU，Arithmetic Logic Unit）和高速缓冲存储器（Cache）及实现它们之间联系的数据（Data）、控制及状态的总线（Bus）。它与内部存储器（Memory）和输入/输出（I/O）设备合称为电子计算机三大核心部件。其结构有两种：一种是以微存储为核心的微程序控制方式；一种是以逻辑硬布线结构为主的控制方式。微存储中保持微码，每一个微码对应于一个最基本的微操作，又称微指令；各条指令是由不同序列的微码组成，这种微码序列构成微程序。中央处理器在对指令译码以后，即发出一定时序的控制信号，按给定序列的顺序以微周期为节拍执行由这些微码确定的若干个微操作，即可完成某条指令的执行。简单指令是由（3～5）个微操作组成，复杂指令则要由几十个微操作甚至几百个微操作组成。

看freemarker帮助文档

不推荐。 要使用FreeMarker的标签必须能够被FreemarkerServlet截获，然后解析加工成HTML 所以你直接上线FTL页，为什么要静态和动态Web模板混合它如果你真的想用。 。 web.xml文件中的freemarker拦截（拦截器开发的*。html页面）

params.put("content", "这里有个换行 换行");中的 改成<br/>

tm1-9

在使用过程中存在一些疑问，所以就认真一探究竟。Normalization 的方法很多，适应的条件也不一样。下面两篇讲的比较清晰建议下看下。 参考： https://www.jianshu.com/p/a9d5065f82a6 https://www.jianshu.com/p/a3b78bd49bcc R 包edgeR中 calcNormFactors() 函数默认使用的方法为 "TMM"，使用于没有经过其他处理的原始 RNA-seq counts 数据。 参考原作者的文章 A scaling normalization method for differential expression analysis of RNA-seq data. Mark D Robinson and Alicia Oshlack 根据经验，作者提出了一个假设——个体之间大部分的基因表达水平是没有太大变化的，变化的只是少数。一般标准化（包括TPM），都会除以 library 大小，即除以所有基因reads总和，来消除不同批次间测序深度造成的影响。例如下面的，sample A /4，sample B /8，所有基因表达量都一样，是没有差异的。 但是如果像下面这样，简简单单除以 library 大小是不行的。因为此时 library 大小不同不仅仅受到可能的测序批次的影响，而且受到 差异基因gene4 表达量的影响。sample A /4，sample B /14，你会发现所有的基因都有差异，这是不合理的。 所以，根据最开始提出的假设，大多数基因是不发生变化的，对 library 大小进行矫正。默认情况下，TMM会修剪Mg值中最高和最低的30%，剩余的基因计算factors。 如果只是edgeR 来计算差异基因，很简单。函数返回每个样本library 大小和 factors，不需要其他额外操作可以进行下一步。 如果我们想自己做些额外的事情，比如我想做生存分析，根据某个基因表达量将群体分为高表达组和低表达组此时可向下面那样做进行简单标准化。 或者 上面两种方法是等价的。 相比于TPM，此方法没有考虑转录本本身长度的影响，所以样本内不同转录本丰度我们是无法比较的（即同一个样本内测序为相同reads数的两个转录本，并不表示丰度一样，因为他们本身的基因长度不一样。理论上，基因长的，能检测到的可能性越大，如果reads数相当，表明它表达量少。）。但做差异分析的时候，我们比较的是样本之间的关系，所以这也是为什么edgeR等R包要求输入的是最原始的counts数据而不是TPM吧。（FPKM/RPKM等就不讨论了，已经被很多人认为是错误的。）

四甲基胍四甲基胍_百度百科http://baike.baidu.com/link?url=tLALi-ePy5U9gjJd3P4-rZ1hmaUlx5jUxJFbZCDcs6YodOHv0fbumTYf58IKuU1e3L9hj4lDNgchly7fYfTjLK

mdacrdme.htm 你自己新建一个 mdacrdme.txt , 然后再把 .txt 改成 .htm 就可以了……

自己看

哈哈！我只能看出是迈拓 80G sata 8m 的硬盘

1. 引言对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人??你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。这就是我们又爱又恨的??float。所以，系统的学一学float是非常非常重要的。除了看书和看博客文章之外，我推荐大家去看一个奇葩（声音很有磁性，你懂得）录制的教程《CSS深入理解之float浮动》，讲的很好很透彻。 2. 重新认识float 2.1. 误解和“误用”既然提到“误用”，各位看官就此想想，自己平日是怎么使用float的？另外，既然“误用”加了引号，就说明这样的使用并不是真正的误用，而是误打误撞使用之后，带来了真正的效果。这样一问大家，我想绝大多数用float都是为了??横向排版、或者多列布局。这样的使用是正确的，大部分人都这样使用，bootstrap的栅格系统也是使用了float来实现的，并且在css3被普及之前，多列布局的最佳解决方案也是使用float??要不然你就用table。但是，这样使用确实是对float的一种误解和“误用”，因为float被设计出来的初衷是用于??文字环绕效果。即，一个图片一段文字，图片float:left之后，文字会环绕图片。但是，当时的多列布局和横向排版主要是依靠table实现，后来人们见见的发现，使用table将导致代码量大、混乱、不利于SEO，然后发现float+div是一个很不错的排版解决方案，于是乎??过去几年“css+div”页面排版一直是一个热门话题，也是各种高大上的面试题必考的一项。初学float的同学，你如果没有从最基础的知识入手，而是从网络的零散之后或者同事同学的零散代码学起的话，你可能只知道float是用来排版的，但是你却不知道float的许多个特性，这就导致了你在使用float时的许多问题。不信请看下文。 2.2. 破坏性首先大家来看两个demo，如下图。第一个demo是一个简单不过的例子，显示效果也很正常。第二个demo，唯一的区别就在于加了float:left，上层的却出现了“坍塌”现象。不过，这就是float的“破坏性”??float破坏了父标签的原本结构，使得父标签出现了坍塌现象。导致这一现象的最根本原因在于：被设置了float的元素会脱离文档流。初次接触“脱离文档流”的朋友可以这样理解：div是父亲，img是它的儿子，原本好好的父子关系，原本爷俩可以体面的展示一个包含关系的效果。直到有一天，img被设置了float。老天爷（浏览器）规定，任何float元素都不允许再呆在自己的家族中，于是img被逐出家门，断绝和div父子关系。于是乎，div没有了img儿子，也就不能再展示这种父子的包含关系，于是两者就各过各的，互不相干。??这样一说，容易理解了吧？但是，永远都不要忘记float被设计的初衷??实现文字环绕效果。当div中有文字时，文字还是会环绕在img周围的。如下图：好了，大家现在已经知道了float具有破坏性，可能也有很多朋友之前就知道这一特性，但是你有没有思考一下：float为什么会被设计成具有破坏性，为什么会脱离文档流？这一点非常重要！其实原因非常简单??为了要实现文字的环绕效果？有人可能会问：啊？你刚才不是说了float的初衷就是实现文字环绕效果吗？和破坏性有啥关系？这时我会反问你：如果float不让父元素坍塌，能实现文字环绕效果吗？给你两个图看看你就知道了。看不明白的可以给我留言讨论。 2.3. 包裹性“包裹性”也是float的一个非常重要的特性，大家用float时一定要熟知这一特性。咱们还是先从一个小例子看起：如上图，普通的div如果没有设置宽度，它会撑满整个屏幕，在之前的盒子模式那一节也讲到过。而如果给div增加float:left之后，它突然变得紧凑了，宽度发生了变化，把内容“王福朋”三个字包裹了??这就是包裹性。div设置了float之后，其宽度会自动调整为包裹住内容宽度，而不是撑满整个父容器。注意，此时div虽然体现了包裹性，但是它的display样式是没有变化的，还是block。说道这里咱们回顾一下，在之前的博客中，也提到了“包裹性”，是哪些样式？你可以在此思考一下，我会在博客的评论中给出答案 。知道了包裹性之后，我们还是继续思考：float为什么要具有包裹性？其实答案还得从float的设计初衷来寻找，float是被设计用于实现文字环绕效果的。文字环绕图片比较好理解，但是如果想要让文字环绕一个div呢？此时div不被“包裹”起来，那么如何去实现环绕效果？道理很简单，你也可能是那种一点即通的聪明人，但是关键在于思考。 2.4. 清空格float还有一个大家可能不是很熟悉的特性??清空格。按照管理，咱还是先举例子说明。上图中。第一个例子，正常的img中间是会有空格的，因为多个标签会有换行，而浏览器识别换行为空格，这也是很正常的。第二个例子中，img增加了float:left的样式，这就使得img之间没有了空格，四个img紧紧挨着。如果大家之前没注意，现在想想之前写过的程序，是不是有这个特性。为什么float适合用于网页排版（俗称“砌砖头”）？就是因为float排版出来的网页严丝合缝，中间连个苍蝇都飞不进去。“清空格”这一特性的根本原因是由于float会导致节点脱离文档流结构。它都不属于文档流结构了，那么它身边的什么换行、空格就都和它没关系的，它就尽量的往一边去靠拢，能靠多近就靠多近，这就是清空格的本质。（float内容比较多，咱们分上、下两篇来介绍，这是上篇。下篇将马上发出，敬请期待）-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

两周之前写过该系列的第一篇，其实当时只是一个想法，这段时间迟迟未更新，是在思考一个解决过程。现在初有成效，就开更吧。 1． 一个段子开题不必太严肃，写博客也不像写书，像聊天似的写东西是最好的表达方式。记得之前看过一个段子，也可能是一件真事儿，这不重要。大体内容如下：一个香港的教授说：我们香港的大学和大陆的大学差的很远啊，大陆的大学连看门保安都懂得哲学，因为当你想要进入校园时，保安都会问你一个很哲学的问题“你是谁，你从哪里来，你到哪里去？”。看完段子的第一反映肯定是很自嘲的笑了，笑了之后就忘了，该干嘛干嘛去了。但是我觉得这句话确实有那么一点高达上的意思，虽然我不知道什么是哲学。“你是谁，你从哪里来，你到哪里去”，如果映射到我们这次CSS教程上，可以提这么几个问题：CSS是什么，如何深入理解，它和html是个怎样的关系； CSS有几种来源（5种来源）； CSS要干什么事情，如何结合html实现的；看过我其他教程的朋友都知道我的原则：我要写东西，必须又一个我觉得很特别而且很合理、高效的思路，如果没有我宁可不写。大部分写CSS的人一上来可能写选择器，但是我不会那样。闲话不说。要想从根上了解这些问题，还是先从浏览器开始吧。 2． 浏览器是如何工作的之前看过一篇文章，叫做《浏览器的工作原理：新式网络浏览器幕后揭秘》。文章言简意赅的介绍了浏览器的工作过程，web前端程序猿最好了解一下。在此另外推荐一本书《WebKit技术内幕》，笔者很早就关注这本书，已列入近期的读书计划。文章中的内容暂且不详细提，我们先“断章取义”的只说CSS相关的部分。上图是webkit内核渲染html和css的流程图。大家可以从图中看到，html的解析是一条线，css的解析是一条线，两者会在某一点结合，形成最终的视图。如果我们以CSS为重点看，从上图中我们可以总结出学习CSS的三个突破点。浏览器如何加载和解析CSS??CSS的5个来源； CSS和html如何结合起来??选择器； CSS能控制那些显示方式??盒子模式、浮动、定位、背景、字体等；看到这里，不知道有没有朋友觉得很兴奋？因为我们在学习CSS之前，首先是分析浏览器如何加载、处理、使用CSS的，我们按照这个思路去写CSS的教程。而不是一上来就照本宣科的从id选择器开始。我这段时间为何一直没有写博客，其实是在冥思苦想一个更加合理、高效的思路和框架。我如果写出来的东西和别人的一样，那我自己也觉得没意思。本系列文章也是按照这个思路和框架，一步一步展开的。 3． CSS的加载过程CSS??Cascading Style Sheets??层叠样式表。“样式表”大家比较好理解，那何为“层叠”呢？从字面意思来看，层叠肯定是需要多层叠加起来。而这个“多层CSS”到底有几层，每一层是什么，我们程序猿用到的将是哪些层？这几个问题将是我们讨论的重点。另外，这么多层次叠加，如果出现冲突怎么处理，以哪个为准？这也是我们讨论的重点。最后，在这些层次中有一个“浏览器默认样式”层，即浏览器默认的各个html元素的样式。这次我们像浏览器这位“机器人”学习一下，看看它写出来的css能给我们什么帮助。 4． CSS和HTML的结合CSS如何与html结合呢??当然是通过选择器。CSS提供了多种多样的选择器类型，而且每个级别都在不断的增加新的选择器类型，使得选择器更加灵活易用。本系列将拿出一篇文章专门讲解选择器。聪明的人类也通过css提供的选择器在其他临近的方面开疆拓土，例如jquery，zen-coding。对css选择器来说，有一个很重要的话题??级别。在大部分web前端面试题中，你都会看到css选择器级别的判断问题。《css设计指南》书中给出了一个概念??特指度，而且给出了计算公式和计算规则，还给出了一个简单的背诵口诀。想的真周到。最后，与选择器关联密切的还有伪类和伪元素，我们也将拿出一篇文章专门讲解伪类和伪元素，以及它们最典型的用法。 5． 页面呈现页面呈现可以分为两类??文字，块。针对文字来说，我们可以设置字体、字号、加粗、斜体、背景色等等； 对于块来说情况比较多，有盒子模型、浮动、定位、display、背景等；本系列会拿出很大的篇幅去讲解其中的基础知识，以及他们的一些重点应用。 6． 布局布局是css的重头戏，每个系统的布局都有其各自的特点。无好无坏，肯定是各有优缺点，不妨拿出几个比较典型的例子来一起分析一下。例如：经典三列布局 Bootstrap栅格布局 百度首页布局 微博布局 人人网布局 瀑布流布局??7． 下一步下面的文章将会一步一步展开本文的描述，从实例和代码中慢慢道来。继续期待吧！-------------------------------------------------------------------------------------------------------------欢迎关注我的微博。也欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》-------------------------------------------------------------------------------------------------------------

1. 引言从本节开始，就进入本系列的第二个部分??css和html的结合??说白了就是选择器。CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。至于css能把页面渲染成什么样子，这是本系列的第三部分。第一部分讲css样式的加载和层叠，第二部分讲选择器以及选择器的等级，第三部分讲呈现的各种样式（背景、字体、定位、浮动等）。这样一个思路，也正式浏览器使用css的流程，是最有效的学习思路。（第二节中讲过，此处再回顾一遍） 2. 选择器说道css选择器，大家都知道有许多种，但是真要你去掰着手指头数一数的话，你可能需要数几分钟。其实这么多选择器，完全可以分为两类：标签选择器（*是特殊情况），可但标签，也可上下文多标签； 属性选择器（id和class都是属性，特殊的属性）；2.1. 标签选择器 2.1.1 通用选择 *通用选择器 * 大家应该都比较熟悉了，最常用的就是 *{margin:0; box-sizing:border-box;}。mragin:0咱们在上一节已经说过，box-sizing:border-box将在后面的盒子模型那块再详细描述。例如，我们在检测bootstrap3的样式时，也可以看到它用到了 * 选择器： 2.1.2 单标签单标签选择器是最基础的css知识了，在上一节的浏览器默认样式中，到处都用了单标签选择。这里不再赘述，css基础薄弱的朋友，可以先去补补课。 2.1.3 多标签多标签选择器一般和html上下文有关，它有以下集中分类选择一个祖先的所有子孙节点，例如 div p{?} 选择一个父元素的所有直属节点，例如 div > p{?} 选择某一个元素紧挨着的兄弟节点，例如 li + li{?} 选择某一个元素的所有同胞节点，例如 span ~ a{?} 以上各种情况的组合应用（不要组合过于复杂，编码讲求可读性第一）给大家列举一个比较典型的应用，如下图上图中的效果应该比较常见，在各个菜单之间加下划线。我之前的实现是：每个li都加一个border-bottom，在把最后一个li的border-bottom去掉。其实完全没必要这样麻烦，下面一个样式设置即可解决：有点意思吧？ 2.2. 属性选择器 2.2.1 特殊1：id选择器基础知识，不再赘述。按照许多css教程上讲的，id选择器和属性选择器是不同的两个类别，为什么要把id选择器放在属性选择器下面的呢？因为css选择器是根据html节点的特性来设置的，id也是一个属性，只是它是一个比较特殊的属性，每个html节点的id不能重复。由于特殊，而且比较常用，所以就单独给id选择器一个“#”，本质上就是一个属性选择器。下面两行代码的执行效果完全相同： 2.2.2 特殊2：class选择器基础知识，不再赘述。class也是一个特殊的属性，之所以把它放在属性选择器下，和上文将的id一样。 2.2.3 属性选择器属性选择器有两种情况：只通过属性名选择：img[title]{? } 通过属性名和属性值选择：input[type="text"]{?}这两个也是比较基础的，再次也就不再详细展开了，不了解的朋友可以去看看基础教程补补课。 3. 伪类和伪元素上文提到了若干种选择器类型，伪类和伪元素可针对任何一种选择器使用。 3.1. 伪类伪类分为UI伪类和结构化伪类。 3.1.1 UI伪类UI伪类都比较简单常用，我下面简单写几句代码，就不再详细说了。 3.1.2 结构化伪类（IE低版本不行）先问大家一个问题：如何实现一个表格间隔显示背景颜色，如图：最简单的方式莫过于使用结构化伪类，一句样式设置即可实现。结构化伪类有如下书写选项，至于什么意思，从字面意思即可理解： 3.2. 伪元素记住，伪元素是一个非常重要的概念！其中，:before和:after 非常常用。首先，咱们先看看:before和:after是怎么回事儿。上图中，我们可以看到，可以为元素前后添加内容。这里的“内容”还可以写成unicode编码的方式，如下图：另外，除了可以添加内容外，你还可以自定义执行内容的样式，如下图：以上大体了解了两者的基本用法，下面给家介绍两个典型的应用场景：第一，大家都知道fontAwesome吧，web最流行的icon字体库。这些小图标的应用就是通过伪元素来实现的，如下图：（不知道fontAwesome也没关系，我们在讲到css字体时，会详细介绍）第二，清除浮动的样式大家都知道吧？这就是一个很典型的伪元素应用场景：（在讲到css浮动时，会专门讲解clearfix） 4. 选择器的扩展选择器本来是css的一种规则，用于为css选择html节点的。但是聪明的人类还是通过选择器创造出了其他领域非常伟大的作品。 jQueryjQuery被推广流行的根本原因就是它的“Query”??基于css选择器的“Query”。现在的浏览器都支持querySelectAll()方法了，其实这就是W3C“抄袭”的jQuery的设计。相信各位web前端人员对jquery都比较熟悉了，这里点一下即可。 zen-Codingjquery可以通过一段css选择器表达式从既有的html结构中选择符合表达式的dom组，但是zen-coding反其道而行之??可以根据css选择器表达式创造出html节点。不得不佩服这帮人的创造力。如果你还没用过zen-coding，无论你以后用不用，建议你也一定要去体验一下！ 5. 总结本节总结了css的选择器知识，知道了选择器有若干种类型。但是类型多了不一定是个好事儿，下一节就给大家说说类型太多带来的一个问题，以及解决方案。-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

1. 引言各位前端或者伪前端（比如作者本人）的同志们，css对你们来说不是很陌生。比如我，在几年之前上大学的时候，给外面做网站就用css，而且必须用css。这样算下来也得六年多了，有些功能可能轻车熟路，有些功能可能需要上网查查，看似能应付得了工作的事情??我之前也是（现在工作上不做开发了，只是业余还写代码）。世界上没有绝对简单的东西，只是我们认为它是简单的。就像我们公司现在的开发情况，开发的大环境刚刚转入B/S，开发领导以前都是用.net做C/S的，在我看来，他们就觉得js、css就是那么回事儿，没多高深。但是我还是抱着敬畏的态度，买了一本《CSS设计指南（第三版）》，不管自己会的，还是不会的，我都统统看一遍。书邮回来之后，我花了三个晚上看完了。我有个习惯，就是做一件事情一定要又一个结果，不能觉得自己脑子里明白了就算了，一定要写出来，甚至做出例子来才算完。于是乎，就写几篇博客呗。利己利人。下面我把在看书过程中遇到的自己认为比较重要的（掌握不牢固）或者之前不懂的，都先列出来，出几个题目，各位看官可以试着想想。如果您都会了，那您基础很牢固，没得说；如果你有些不会的，着急你就赶紧自己查查答案，不着急你就等着我后面的博客介绍。闲话说了很多，现在开始！ 2. 问题01. 有些浏览器不完全支持css3，现在可以用哪个工具去检测浏览器是否支持，以及支持哪些项？提示：Mo****zr02. 常用的html标签，它们的display属性一般默认为block和inline。有哪些常用标签的display不是block和inline，这些标签显示的时候和block/inline有何区别？提示：table，input, textarea03. 是否用过@import？（比较简单）04. 一个表格的第一行显示红色背景，最后一行显示蓝色背景，中间行使用灰色/白色间隔的背景，如何写？提示：结构化伪类（比较简单）05. 伪元素 ::before、::after 是否用过？都是在哪些地方用的？提示：清除浮动、为一个div增加一个“三角” 重要 06. css??层叠样式表，其中的“层叠”该如何理解？ 重要 提示：层叠，即一层一层叠加起来，关键是知道一共有几层，每一层都是什么07. 对“特指度（specificity）”了解多少，知道“I-C-E”的计算规则吗？ 重要 提示：参考http://www.cnblogs.com/netlyf/archive/2009/06/19/1506427.html08. 特指度理解不是很麻烦，关键是分析多个css选择符和计算麻烦。有一个简单的解决方案，四句口诀，叫做“查理版简单层叠要点”，是否了解？ 重要 提示：例如，“包含ID的选择符要胜过包含类的选择符...”09. 搜索“浏览器默认样式”，找到它，打开看看，里面是浏览器默认的所有样式，你是否都能看得懂。 重要 提示：例如 display:table 和 display:block 有何区别？10. 在你开发的系统的第一个css文件的第一行，就要写上 * {margin:0; padding:0} ，这是为何？ 提示：浏览器兼容性（比较简单）11. 样式 p{margin-top:50px; margin-bottom:30px;} 将会导致p之间的垂直距离是多少？提示：垂直外边距??水平外边距????比较简单的基础知识12. “盒子模型”大家都了解了（不知道赶紧去恶补！！），盒子模型的width其实是指内容的宽度，不包括padding、border、margin。其实这样对我们做css布局是很不利的，有什么方法可以让width是全部的宽度？ 重要 提示：box-sizing（注意IE低版本的兼容性）13. float的一些影响会让我们经常哭笑不得（特别是初学者），其实了解了float的设计初衷，也许你就会理解这些东西。float的设计初衷是什么？提示：就简单的一句话??14. float具有“包裹性”??例如：abc 和 abc 两者的宽度是不一样的，不信可以为 p 加上背景色试试。是否理解这种“包裹性”？试着想想，还有哪些元素（或css属性）也有这种“包裹性”？ 重要 提示：和第13问题有密切关系15. float还有一个表象是“破坏性”，它会导致父元素高度塌陷，这个大家应该都知道吧？那么这是为何呢？另外，还有哪个css属性，也导致这种“破坏性” 重要 提示：float和absolute都将导致元素脱离文档流（针对13、14、15问题，可以参考教程http://www.imooc.com/learn/121和http://www.imooc.com/learn/192，讲的很好，只是讲师的声音很有“磁性”，要忍耐住）16. css清除浮动有三种方法，是否知道。你平时是怎么清除浮动的？业内最常用的经典清除浮动样式是什么？ 重要 提示：搜索“clearfix”17. 相对定位relative如何理解，它和绝对定位absolute的最根本区别是什么？提示：一个在文档流内，一个在文档流外18. “定位上下文”是否知道？ 重要 19. 经典的网页三列布局如何实现？如果不考虑IE6、7，最好的实现多列布局的方式是什么？ 重要 提示：table-cell20. 是否用过inline-block，IE6、7如何兼容？提示：比较简单，百度即可 3. 结束当前就总结了这么多问题，大家可以对照着问题想想答案。如果你觉得还有写比较重要的知识，可以给我留言，我将会考虑加入进来。另外，接下来我将写一个关于css重点知识的简短的系列文章，以及结合我做过的wangEditor富文本框以及对bootstrap框架的了解，把本文这些问题介绍一下。近期工作很忙，更新起来可能会很慢，敬请期待吧！-------------------------------------------------------------------------------------------------------------欢迎关注我的微博。也欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》-------------------------------------------------------------------------------------------------------------

1. 引言从这一节开始，我们就进入本系列的第三部分??css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类：文字、块。第一类??文字。这部分相对比较简单一些，例如设置字号、字体、颜色、背景色、是否加粗等。重点的地方在于设置字体、设置行高、文字相关的距离都用相对值，这些东西在《css知多少（4）??解读浏览器默认样式》那一节已经说过了。另外还有一个重点，就是web端最流行的字体库fontAwesome，关于它我之前有一篇文章专门讲过，请参见《请用fontAwesome代替网页icon小图标》，这里就不再重复去讲了。第二类??块。这部分的知识点非常多，重要的有：盒子模型，float，position，display。本文章讲盒子模型，后面的文章会依次介绍其他的内容。 2. 什么是“盒子”说道“盒子”我还记得好几年之前，我还在上大学的时候，被人问道过“盒子模型”，我当时都不知道什么意思。回到宿舍急忙上网去查，原来就是我早就知道的margin，padding和border，但是我竟然不知道“盒子”这个词。??所以，不要只满足于网上查来的代码段、小技巧，要全面的了解一些知识体系。当然，后来我又知道，盒子模型不仅仅是margin，padding和border，还有其他的知识。在此插一句题外话，也是我这几天思考的一点东西。我在思考：web前端的这么知识应该是怎样的一个知识体系架构？之前我以为可以以W3C为纲要，把W3C的东西学会了就够了。后来发现我错了，W3C还不全面。真正全面的覆盖了web前端知识体系的东西是??浏览器内核??这并不是说让你去详细了解浏览器内核、做出一个浏览器。浏览器是web前端代码运行的一个平台，浏览器内核里有哪些模块，我们就需要去学习哪些东西。详细的先不说，以后有机会再分享。这里照顾一下初学者。初学css的朋友，一开始学css基础知识的时候一定学过padding，border和margin，即内边距、边框、外边距。他们三者就构成了一个“盒子”。就像我们收到的快递，本来买了一个小小的iphone，收到的确实那么大一个盒子。因为iphone白色的包装盒和iphone机器之间有间隔层（内边距），iphone白色盒子有厚度，虽然很薄（边框），盒子和快递箱子之间还有一层泡沫板（外边距）。这就是一个典型的盒子。如上图，真正的内容就是这些文字，文字外围有10px的内边距，5px的border，10px的外边距。看到盒子了吧？ 3. 盒子的宽度 3.1. 设置了固定宽度的情况下遇到这种问题，我建议在查询各种资料之前，不如先自己动手做一个实验：如上图，得到网页效果之后，我们可以用截图工具来量一下文字内容的宽度。发现，文字内容的宽度刚好是300px，就是我们设置的宽度。因此，在盒子模型中，我们设置的宽度都是内容宽度，不是整个盒子的宽度。而整个盒子的宽度是：（内容宽度 + border宽度 + padding宽度 + margin宽度）之和。这样我们改四个中的其中一个，都会导致盒子宽度的改变。这对我们来说不友好。没关系，这个东西不友好早就有人发现了，而且已经解决，下文再说。 3.2. 充满父容器的情况下默认情况下，div的display:block，宽度会充满整个父容器。如下图：但是别忘记，这个div是个盒子模型，它的整个宽度包括（内容宽度 + border宽度 + padding宽度 + margin宽度），整个的宽度充满父容器。问题就在这里。如果父容器宽度不变，我们手动增大margin、border或padding其中一项的宽度值，都会导致内容宽度的减少。极端情况下，如果内容的宽度压缩到不能再压缩了（例如一个字的宽度），那么浏览器会强迫增加父容器的宽度。这可不是我们想要看到的。 3.3. 包裹内容的情况下这种情况下比较简单，内容的宽度按照内容计算，盒子的宽度将在内容宽度的基础上再增加（padding宽度 + border宽度 + margin宽度）之和。 4. 再看盒子的宽度前面提到，为盒子模型设置宽度，结果只是设置了内容的宽度，这个不合理。如何解决这一问题？答案就是：box-sizing:border-box如上图，div设置了box-sizing:border-box之后，300px的宽度是内容 + border + 边框的宽度（不包括margin），这样就比较符合我们的实际要求了。建议大家在为系统写css时候，第一个样式是：大名鼎鼎的bootstrap也把box-sizing:border-box加入到它的 * 选择器中，我们为什么不这样做呢？ 5. 纵向margin的重叠这里提到margin，不得不提一下margin的这一特性??纵向重叠。如下图，的纵向margin是16px，那么两个之间纵向的距离是多少？按常理来说应该是 16 + 16 = 32px，但是答案仍然是 16px。因为纵向的margin是会重叠的，大的会把小的“吃掉”（可以自己去实验）。 6. 用div画“三角”“三角”在日常的网页中是很常见的，例如百度首页：以及我的开源项目wangEditor（http://www.cnblogs.com/wangfupeng1988/p/4198428.html）中的页面效果：你当然可以使用背景图片、fontAwesome来实现这一效果，但是你也可以用div来实现这一效果，很简单，而且可以封装通用： 7. 总结这一节我们用不小的篇幅讲解了盒子模型的相关知识，比较适合初学者，但是更加适合那些没有系统学习过css的有经验的开发人员，还是那句话：建议大家系统的学习知识体系。下面我们将继续这一部分，再说一说float。-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

1. 引言本文将用一篇文章介绍position（定位），在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。如果没有定位，我们做出来的网页将会是按部就班的自上而下、自左而右的平铺在浏览器上，外加通过margin和padding调整一下间距，还有就是通过float来浮动某些元素。做一些简单的网页这样就够了，例如N年之前的yahoo，虽然现在看来很low。但是有些情况下，这种按部就班的网页排版满足不了我们的要求，我们需要某些元素跑出来，悬浮在网页上面，而且需要给它指定一个位置。这时候我们就需要用到了position，而且是非用不可。如下图： 2. relative查资料可知道，position一共有四个可选属性：static/relative/absolute/fixed。其中static（静态定位）是默认值，即所有的元素如果不设置其他的position值，它的position值就是static，有它跟没有它一样。就不多介绍了。相对定位relative可以用一个例子很轻松的演示出来。例如我们写4个，出来的样子大家不用看也能知道。然后我们在第三个上面，加上position:relative并且设置left和top值，看这个有什么变化。上图中，大家应该要识别出两个信息（相信大部分人会忽略第二个信息）第三个发生了位置变化，分别向右向下移动了10px； 其他的三个位置没有发生变化，这一点也很重要。因此，relative会导致自身位置的相对变化，而不会影响其他元素的位置、大小的变化。这是relative的要点之一。还有第二个要点，就是relative产生一个新的定位上下文，下文有关于定位上下文的详细介绍，这里可以先通过一个例子来展示一下区别：注意看这两图的区别，下文将有解释。 3. absolute说道absolute，推荐大家去看一个视频教程，讲师对absolute讲的非常透彻，本文的一些内容也是参考了这篇教程，好东西大家一起分享吗！话归正传，咱们还是拿之前那个例子说事儿，先写一个基本的页面??4个然后，我们把第三个改为absolute，看看会发生什么变化。从上面的结果中，我们能看出几点信息：absolute元素脱离了文档结构。和relative不同，其他三个元素的位置重新排列了。只要元素会脱离文档结构，它就会产生破坏性，导致父元素坍塌。（此时你应该能立刻想起来，float元素也会脱离文档结构） absolute元素具有“包裹性”。之前的宽度是撑满整个屏幕的，而此时的宽度刚好是内容的宽度。 absolute元素具有“跟随性”。虽然absolute元素脱离了文档结构，但是它的位置并没有发生变化，还是老老实实的呆在它原本的位置，因为我们此时没有设置top、left的值。 absolute元素会悬浮在页面上方，会遮挡住下方的页面内容。最后，通过给absolute元素设置top、left值，可自定义其内容，这个都是平时比较常用的了。这里需要注意的是，设置了top、left值时，元素是相对于最近的定位上下文来定位的，而不是相对于浏览器定位。下文马上会讲定位上下文。但是有时候设置top、left值并不是定位的最佳解决方案。例如想要元素A紧跟在元素B的上方，可通过设置元素B为absolute，然后调整B的margin值来确定，这样更有效率。如下图：以上提到的信息，如果展开来说，内容非常多，而且用文本也不好描述，还是推荐大家去看慕课网的那篇视频教程，讲的很有意思。最后，再提几个小知识点。设置absolute会使得inline元素被“块”化，这在上一节将display时已经说过； 设置absolute会使得元素已有的float失效。不过float和absolute同时使用的情况不多； 上文提到了absolute会使元素悬浮在页面之上，如果有多个悬浮元素，层级如何确定？答案是“后来者居上”4. fixed其实fixed和absolute是一样的，唯一的区别在于：absolute元素是根据最近的定位上下文确定位置，而fixed永远根据浏览器确定位置。上文很多次提到了“定位上下文”，那么它到底是一个什么东东？答案马上揭晓。 5. 定位上下文5.1 relative的定位relative元素的定位永远是相对于元素自身位置的，和其他元素没关系，也不会影响其他元素。5.2 fixed的定位fixed元素的定位永远是相对于浏览器边界的，和其他元素没有关系。但是它具有破坏性，会导致其他元素位置的变化。5.3 absolute的定位absolute的定位相对于前两者要复杂许多。如果为absolute设置了top、left，浏览器会根据什么去确定它的纵向和横向的偏移量呢？答案是浏览器会递归查找该元素的所有父元素，如果找到一个设置了position:relative/absolute/fixed的元素，就以该元素为基准定位，如果没找到，就以浏览器边界定位。如下两个图所示：上图中的“某一层祖先元素”就是该absolute元素的定位上下文。讲到这里，我们上文中的那个图，大家能看明白了吧？还有不明白的可以留言给我。 6. 总结我感觉position这篇文章是这一系列中最难写的文章，它的知识点比较多，而且非常难理解，因此position也是css的一个重点知识，不懂position的前端开发人员要抓紧恶补一下。写了这么多，感觉还是写的不是很全面，或者不是很系统，很希望大家把自己的意见反馈给我。这个系列博客算是这个教程的第一版，我计划后期抽时间会录制一个视频版，到时候希望会更加全面系统一些。-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

安装的时候别用中文命名文件夹！真香警告！

《css知多少》系列就此完结了。常来光顾的朋友可能会觉得突然：css的知识点还有很多，怎么突然就完了，还没讲完呢？这样说是对的。不过凡事都有一个定位，如果盲目求多，定位模糊，那样就没有目的没有方向了。我的身份不是前端开发人员，而是产品经理。我规划的产品是一款项目管理软件，我也是一个PMP。我深知一个项目一定要有目标、范围、进度和质量要求。一旦达到，项目即可结束，准备下一个项目的启动。我接下来，要继续优化我的富文本编辑器wangEditor。还要把我之前写的《深入理解javascript原型和闭包》做一次修订，录制成视频教程。另外，我还想录制一个MS Project的使用教程，发挥一下我PMP的作用。Project是一款非常强大的项目进度管理软件，但是真正能用得好的项目经理，并不多。闲话不扯，书归正传。《css知多少》的读者建议是了解css基础知识（或者刚刚入门），但是没有系统学习、归纳、总结过的人，还有那些整天忙于coding、bug、加班当饭吃的，而没有时间去看书学习的码工们。《css知多少》里虽然内容不多，但是都是我觉得应该讲的基础，那些不需要讲的基础我就没有讲。所以，如果你是css大牛，那你不必看了（来给我指正一下我也欢迎啊！）；如果你css都没有入门，那你也不用看了，我是从来不会写入门教程的。我的经历告诉我：学习有捷径。学习的捷径之一就是多看看别人是怎么理解这些知识的。举两个例子。如果你喜欢《水浒》，千万不要只读原著当故事看，一定要读一读各代名家的批注和点评，看他们是如何理解的。之前学C#时，看《CLR via C#》晦涩难懂，但是我又通过看《你必须知道的.net》而更加了解了。因为后者就是中国一个80后写的，我通过他对C#的了解，作为桥梁和阶梯，再去窥探比较高达上的书籍和知识。??《css知多少》也是一样的。最后，真诚的希望你能借助别人的力量来提高自己。我也一直在这样要求我自己。该系列目录如下：css知多少（1）??我来问你来答 css知多少（2）??学习css的思路 css知多少（3）??样式来源与层叠规则 css知多少（4）??解读浏览器默认样式 css知多少（5）??选择器 css知多少（6）??选择器的优先级 css知多少（7）??盒子模型 css知多少（8）??float上篇 css知多少（9）??float下篇 css知多少（10）??display css知多少（11）??position -------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

那就是输入框<input name="textfield" type="text" class="bottomline" size="50" maxlength="50"/>css如下：.bottomline：{border-bottom:1px #ffffff solid;}要调整长度，只需设置size 和maxlength

托雅玛钢琴是日本三四线的产品，这个品牌产地在中国，就是普通国产钢琴买好钢琴就选品牌，经过市场长时间验证的品牌国产珠江钢琴，日本雅马哈钢琴，德国舒密尔钢琴，德国博兰斯勒钢琴这些品牌质量稳定，可以放心选购！

就是html+css的最新标准。就好比 Windows10，是一个意思。

随着这两年HTML5火爆程度，争相讨论HTML的人也是越来越多。讨论的问题也主要围绕着：“如何区分HTML5开发和前端开发？学习HTML5需要掌握的专业技术有哪些？”今天，java课程就和大家聊聊！HTML5，超文本标记语言HTML新标准，主要用于前端开发及游戏制作。从技术本身分析来看，现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。虽然开发这类的应用其实是以JS为主，但因为HTML5这个概念很流行，所以微网站开发、小游戏开发、WebAPP或是公众号等应用，很多人都会说使用HTML5开发。前端开发前端开发一般指网页开发，学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。了解Web服务器当你对Apache的基本配置，htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易。学习Java、DOM、BOM等用建立开发基础。学习photoshop和Axure等软件应用，完成页面UI设计。也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合;学习HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术。前端包含HTML5当然，HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。那么想要学好html5前端开发，那么需要掌握的专业技术有：1、前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；2、JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；3、PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；4、移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；5、混合（Hybrid）开发：各类混合应用开发；6、NodeJS全栈开发：WebApp后端系统开发；7、大数据可视化：数据可视化入门、D3.jS详解及项目实战。

　　HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML [1]（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。（来自百度百科)　　HTML5特性　　本地存储特性（Class: OFFLINE & STORAGE）　　基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。　　设备兼容特性 (Class: DEVICE ACCESS)　　从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。　　连接特性（Class: CONNECTIVITY）　　更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。　　网页多媒体特性(Class: MULTIMEDIA)　　支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。　　三维、图形及特效特性（Class: 3D, Graphics & Effects）　　基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。　　性能与集成特性（Class: Performance & Integration）　　没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。　　CSS3特性(Class: CSS3)　　在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

HTML5 是继HTML4.01 和XHTML1.0 之后的超文本标记语言的最新版本。它是由一群 自由思想者组成的团队设计出来，并最终实现多媒体支持、交互性、更加智能的表单，以及 更好的语义化标记。 HTML5 并不仅仅是HTML 规范的最新版本，而是一系列用来制作现代富Web 内容的 相关技术的总称，其中最重要的三项技术分别为：HTML5 核心规范（标签元素）、CSS（层 叠样式表第三代）、和JavaScript。

读法是艾奇互联网标准五版。HTML5（HyperTextMarkupLanguageversion5）的正确读法是艾奇互联网标准五版或者超文本标记语言五版。HTML5是一种用于网页设计和开发的标准化标记语言，是HTML的最新版本。

html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言（ HTML）的第五次重大修改，2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。HTML5赋予 网页更好的意义和结构。更加丰富的标签将随着对 RDFa的，微数据与 微格式等方面的支持，构建对程序、对用户都更有价值的数据 驱动的Web。

h5元素大致的分为下面几大类： 1.内嵌------在文档中添加其他类型的内容，如audio,video,canvas,iframe等 2.流------在文档和应用的body中使用的元素，如form,h1,small等 3.标题------段落标题，如h1,h2,hgroup等 4.交互------与用户交互的内容，如音频和视频的空间，button,textarea等 5.元数据------通常出现在页面的head中，设置页面其他部分的表现和行为，如script,style,title等 6.短语------文本和文本标记元素，如mark,kbd,sub,sup等 以上所有类型的元素都可以通过css来设定样式。HTML5定义类一组新的语义化标记来描述元素的内容。简化了HTML页面设计。 这些分别是 1.header------标记头部区域的内容（用于整个页面或页面中的一块区域） 2.footer------标记脚部区域的内容（用于整个页面或页面中的一块区域） 3.section------Web页面中的一块区域 4.article------独立的文章内容 5.aside------相关内容或者引文 6.nav------导航类辅助内容1.hgroup------用于对整个页面或页面中一个内容区块的标题进行组合 2.figure------表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元，使用figcaption元素可为figure元素组添加标题 3.vedio------定义视频，比如电影片段或其他视频流 4.audio------定义音频，比如音乐或其他音频流 5.embed------用来插入各种多媒体，格式可以使MIDI，WAV，AIFF，AU，MP3等 6.mark------主要用来在视觉上向用户呈现那些需要突出显示和高亮显示的文字。 7.time------表示日期或时间，也可以同时表示两者 8.canvas------表示图形，这个元素本身没有行为，仅提供一块画布，但它把一个绘图API展现给客户端JavaScript，以使脚本能够把想绘制的东西回执到这块画布上。 9.output------表示不同类型的输出，比如脚本的输出 10.source------为媒介元素 11.menu------表示菜单列表。当希望列出表单控件时使用的该标签 12.ruby------表示ruby注释（中文注音或字符） 13.rt------表示字符的解释或发音 14.rp------在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容 15.wbr------表示软换行。与br的区别在于br表示此处必须换行，而wbr意思是浏览器窗口或父级元素的宽度足够宽时，不进行换行，宽度不够时，主动在此处进行换行。 16.command------表示命令按钮，如单选按钮，复选按钮或按钮框。 17.details------表示用户要求得到并且可以得到的细节信息，可以与summary元素配合使用，summary元素提供标题或图例，标题是可见的，用户单机标题时，会显示细节信息。summary应该是details元素的第一个子元素 18.datalist------表示可选数据的列表，与input元素配合使用，可以制作出输入值的下拉列表。 19.datagrid------表示可选数据的列表，它以树形列表形式来显示 20.keygen------表示生成密钥 21.progress------表示运行中的进程，可以使用progress元素来显示JavaScript中耗费时间函数的进程 22.email------表示必须输入email地址的文本输入框 23.url------表示必须输入url地址的文本输入框 24.number------表示必须输入数值地址的文本输入框 25.range------表示必须输入一定范围内数字值址的文本输入框 26.Date Pickers------HTML5拥有多个可供选取日期和时间的新型输入文本框这个就不说了。

网上有教程的，或者买相关书籍看看

随着这两年HTML5火爆程度，争相讨论HTML的人也是越来越多。讨论的问题也主要围绕着：“如何区分HTML5开发和前端开发？学习HTML5需要掌握的专业技术有哪些？”今天，java课程就和大家聊聊！HTML5，超文本标记语言HTML新标准，主要用于前端开发及游戏制作。从技术本身分析来看，现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。虽然开发这类的应用其实是以JS为主，但因为HTML5这个概念很流行，所以微网站开发、小游戏开发、WebAPP或是公众号等应用，很多人都会说使用HTML5开发。前端开发前端开发一般指网页开发，学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。了解Web服务器当你对Apache的基本配置，htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易。学习Java、DOM、BOM等用建立开发基础。学习photoshop和Axure等软件应用，完成页面UI设计。也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合;学习HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术。前端包含HTML5当然，HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。那么想要学好html5前端开发，那么需要掌握的专业技术有：1、前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；2、JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；3、PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；4、移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；5、混合（Hybrid）开发：各类混合应用开发；6、NodeJS全栈开发：WebApp后端系统开发；7、大数据可视化：数据可视化入门、D3.jS详解及项目实战。

在我看来这是版本问题，实际上并没有区别。打个比方，html是一款小游戏，它的基础版本是1.0，具有签到，副本玩法。html5是html的更新版本，在原有的签到和副本玩法中新增了竞技场玩法。综上所述，区别就是html更加成熟，更加完善了。

html5是对html的第五次重大修改。html5继承了html所有的语法，所以html5与html的差异是以下这些html5的新特性：1、语义特性HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。2、本地存储特性基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。3、设备兼容特性从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。4、连接特性更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据推送到客户端的功能。5、网页多媒体特性支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。6、三维、图形及特效特性基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。7、性能与集成特性没有用户会永远等待你的Loading。HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。8、CSS3特性在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式也提供了更高的灵活性和控制性。扩展资料：HTML5的优势：1、提高可用性和改进用户的友好体验。2、有几个新的标签，这将有助开发人员定义重要的内容。3、可以给站点带来更多的多媒体元素(视频和音频)。4、可以很好的替代FLASH和Silverlight。5、当涉及到网站的抓取和索引的时候，对于SEO很友好。6、将被大量应用于移动应用程序和游戏。参考资料来源：百度百科-html5

html5是对html的第五次重大修改。html5继承了html所有的语法，所以html5与html的差异是以下这些html5的新特性：1、语义特性HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。2、本地存储特性基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。3、设备兼容特性从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。4、连接特性更有效连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据推送到客户端的功能。5、网页多媒体特性支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。6、三维、图形及特效特性基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。7、性能与集成特性没有用户会永远等待你的Loading。HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。8、CSS3特性在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式也提供了更高的灵活性和控制性。

主要有三个区别：1、文档声明区别HTML：超文本标记语言，一种纯文本类型的语言。HTML5.0：文档声明HTML5方便书写，精简，有利于程序员快速的阅读和开发。2、结构语义区别html：没有体现结构语义化的标签，如：<div id="nav"></div>html5：添加了许多具有语义化的标签，如：<article>、<aside>、<audio>、<bdi>...3、绘图区别HTML：指可伸缩矢量图形，用于定义网络的基于矢量的图形。HTML5：HTML5的canvas元素使用脚本（通常使用JavaScript）在网页上绘制图像，可以控制画布每一个像素。

HTML5和HTML的区别：1. HTML5 标准还在制定中首先要注意的是，HTML5虽然现在很火，但是HTML5标准还在制定中，标准仍在改变。HTML4已经10多年了，不会有任何改变了。2. 简化的语法HTML5简化了很多细微的语法，例如doctype的声明，只需要写<!doctype html>就行了。HTML5与HTML5，XHTML1兼容，但是与SGML不兼容。3. <canvas>标签替代FlashFlash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就 能和用户产生UI交互。4. 新增 <header> 和 <footer> 标签HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构。5. 新增 <section> 和 <article> 标签与<header>, <footer>类似，<section>和<article>也有利于清晰化网页的结构，更有利于SEO。6. 新增 <menu> 和 <figure> 标签<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。7. 新增 <audio> 和 <video> 标签这两个标签可能是HTML5里面最有用的两个标签了。顾名思义，这两个标签是用来播放音频和视频的。8. 全新的表单HTML5对 <form> 和 <forminput> 标签进行了大量修改，添加了很多新的属性，也修改了很多属性。9. 删除 <b> 和 <font> 标签这个改进还无法理解。不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但还是觉得对于简单的文本，这两个标签还是很方便的。10. 删除 <frame>, <center>, <big> 标签已经记不得上次是什么时候使用这些标签了。

对于零基础的人而言，要怎么学习web前端呢？给大家分享一份web前端学习路线图，希望对初学者有所帮助。

选项也要答题的来提供吗？

从名称来看，HTML5是HTML最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。由此可见，HTML5继承了HTML的部分特征，又添加了许多新的语法特征，比如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性等。此外HTML5还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序能够一致地处理语法错误。广义的HTML5是指包括HTML、CSS和JavaScript在内的一套技术组合。主要作用是减少网页浏览器对于需要插件的丰富性网络应用服务，例如：Adobe Flash、MicrosoftSilverlight与OracleJavaFX的需求，并且提供更多能有效加强网络应用的标准集。通过对HTML5的定义，我们可以了解到HTML5具有独特的优势：网络标准、多设备跨平台、自适应网页设计。这对于程序员来说是绝对的福音，你只需掌握HTML5就能即时更新自己的页面、适应多个浏览器。HTML5会给我们带来什么影响?对于互联网领域来说，HTML5不再只是一种标记语言，它为下一代Web提供了全新的框架和平台，包括提供免插件的视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化，从而使Web能够轻松实现类似桌面的应用体验。对于编程人员来说，HTML5的特点是具有革命性的，特别是其丰富的标签体系，类似于内置了很多快捷键，将取代那些完成比较简单任务的插件，可以降低应用开发的技术门槛;对于SEO来说，HTML5有利于搜索引擎抓取和索引网站内容，能够提供更多的功能和更好的用户体验，有助于提高网站的可用性和互动性;对于企业来说，HTML5能够改变企业网络广告的模式与分布，助力传统企业IT应用移动化，帮助企业构建应用平台。

什么是html5呢？html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML4.0+CSS3+JS+API。hmtl5和html的区别在哪里？我们现在web前端开发的静态网页，一般都是html4.0。同时是符合W3C的xhtml1.0规范来的。那么他们两者又有什么实质性的区别呢？1.在文档类型声明上html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=/1999/xhtml">HTML5: <!DOCTYPE html>由这两者对比可见：在文档声明上，html有很长的一段代码，并且很难记住这段代码，想必很多人都是靠工具直接生成的吧？而html5却是不同，只有简简单单的声明，这也方便人们的记忆，更加精简。2.在结构语义上html4.0：没有体现结构语义化的标签，我们通常都是这样来命名的1 <divid="header"></div>这样表示网站的头部。html5：在语义上却有很大的优势。提供了一些新的html5标签，比如:1<header> 、<nav>、<article>、<aside>、<footer>..3.强大的HTML5的新功能（1）强大的绘图功能 可能有些动画，或者图片，在html5可以通过强大的绘画功能，加上JS可以实现。而在html4.0却不行。 在HTML5中，有两个东西，是可以进行绘图的，我们一起来看看是哪两个神奇的玩意。 1.Canvas标签 Canvas 通过 JavaScript 来绘制 2D 图形，Canvas 是逐像素进行渲染的。 在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。 2.SVG SVG 是一种使用 XML 描述 2D 图形的语言，SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于： （1）SVG 图像可通过文本编辑器来创建和修改 （2）SVG 图像可被搜索、索引、脚本化或压缩 （3）SVG 是可伸缩的 （4）SVG 图像可在任何的分辨率下被高质量地打印 （5）SVG 可在图像质量不下降的情况下被放大那么都两者都可以用于绘图，我们一起来看看他们之间有何区别： Canvas 1.依赖分辨率 2.不支持事件处理器 3.弱的文本渲染能力 4.能够以 .png 或 .jpg 格式保存结果图像 5.最适合图像密集型的游戏，其中的许多对象会被频繁重绘 SVG 1.不依赖分辨率 2.支持事件处理器 3.最适合带有大型渲染区域的应用程序（比如谷歌地图） 4.复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快） 5.不适合游戏应用（2）新增视频标签 可能在html4.0的时候，我们想要插入一段视频，还需要引用一长段的代码。但是在html5的情况下。我们只需要用于一个video标签即可。1 <videosrc="视频地址"></video>//详细属性可以见下图提供这样的标签有什么样的好处呢？第一：节省程序员写代码的时间。第二：我觉得最主要还是在SEO的优化上。不管是我们自己来对网页模块命名，还是有这样的标签。因为做网站最终的目的只有一个，那就是盈利。想盈利的话，就只有通过SEO优化的技术，把你网站排名做上来，这样你的网站才有价值，且正是这一点，html5符合了这一点。为什么这么说呢？因为他定义的这些标签，更加有利于优化，蜘蛛能识别你。总结：虽然在前几年html5已经出来了，但是那时候因为不够成熟，时机不对，才没被兴起。在这互联网高速发展的时候，也是来临4G的时代。我们还不学习hml5+css3我们就out了！

可以做FLASH，将来，FLASH会被HTML5替代。可以做游戏，商业性高。但是现在还没普及HTML5，所以现在把HTML的相关知识学好，会为学HTML5打好基础。

http://jingyan.baidu.com/article/3d69c5517186e0f0cf02d7ef.html

随着这两年HTML5火爆程度，争相讨论HTML的人也是越来越多。讨论的问题也主要围绕着：“如何区分HTML5开发和前端开发？学习HTML5需要掌握的专业技术有哪些？”今天，java课程就和大家聊聊！HTML5，超文本标记语言HTML新标准，主要用于前端开发及游戏制作。从技术本身分析来看，现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等，现在都是使用HTML5标准完成的。虽然开发这类的应用其实是以JS为主，但因为HTML5这个概念很流行，所以微网站开发、小游戏开发、WebAPP或是公众号等应用，很多人都会说使用HTML5开发。前端开发前端开发一般指网页开发，学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。了解Web服务器当你对Apache的基本配置，htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易。学习Java、DOM、BOM等用建立开发基础。学习photoshop和Axure等软件应用，完成页面UI设计。也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合;学习HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术。前端包含HTML5当然，HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”，HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术，其实理解的有一些问题，他们所说的HTML5其实说的就是前端技术，只不过HTML5这个词比较活跃也比较流行，所以多数人都将前端技术叫成了HTML5了。那么想要学好html5前端开发，那么需要掌握的专业技术有：1、前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；2、JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；3、PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；4、移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；5、混合（Hybrid）开发：各类混合应用开发；6、NodeJS全栈开发：WebApp后端系统开发；7、大数据可视化：数据可视化入门、D3.jS详解及项目实战。

全球网络视频中有54%开始采用HTML5二代兼容格式(H.264)

1、摆脱对平台的依赖HTML5可以摆脱对平台的依赖，用户打开浏览器，直接就可以访问应用，而不需要经过各种Store的审核。2、实时更新实时更新，通常平台的审核都需要七个工作日左右的时间，如果发布之后发现问题怎么办?Web方式就不存在这种问题。3、离线使用用户可以离线使用，更新下载量及少，可以全部更新，也可以选择替换部分文件。4、代码更安全安全使用HTML5，代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题，但现在HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。5、跨平台HTML5可以做到跨平台，多数核心代码不用重写，Javascript的代码用得好的话，在许多地方都可以用到，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。6、可以充分利用NativeHTML5可以通过浏览器作为中介充分利用Native的好处，比如说可以使用GPS、照相机、本地相册、读取本地联系人，也可以使用推送功能等，最重要的是，某些Web无法实现的功能，我们可以利用Native来实现。

HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下，对性能的需求显得更为重要，而HTML5性能优化前与优化后有着极大的差别，如何优化才能提高性能，对此熟知的人很少。本文以LayaAir引擎为例，通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。主题包括：代码执行基本原理基准测试内存优化图形渲染性能减少CPU使用量其他优化策略第1节：代码执行基本原理LayaAir引擎支持AS3、TypeScript、JavaScript三种语言开发，然而无论是采用哪种开发语言，最终执行的都是JavaScript代码。所有看到的画面都是通过引擎绘制出来的，更新频率取决于开发者指定的FPS，例如指定帧频率为60FPS，则运行时每个帧的执行时间为六十分之一秒，所以帧速越高，视觉上感觉越流畅，60帧是满帧。由于实际运行环境是在浏览器中，因此性能还取决于JavaScript解释器的效率，指定的FPS帧速在低性能解释器中可能不会达到，所以这部分不是开发者能够决定的，开发者能作的是尽可能通过优化，在低端设备或低性能浏览器中，提升FPS帧速。LayaAir引擎在每帧都会重绘，在性能优化时，除了关注每帧执行逻辑代码带来的CPU消耗，还需要注意每帧调用绘图指令的数量以及GPU的纹理提交次数。第2节：基准测试LayaAir引擎内置的性能统计工具可用于基准测试，实时检测当前性能。开发者可以使用laya.utils.Stat类，通过Stat.show() 显示统计面板。具体编写代码如下例所示：Stat.show(0,0); //AS3的面板调用写法 Laya.Stat.show(0,0); //TS与JS的面板调用写法Canvas渲染的统计信息：WebGL渲染的统计信息：统计参数的意义：FPS：每秒呈现的帧数(数字越高越好)。使用canvas渲染时，描述字段显示为FPS(Canvas)，使用WebGL渲染时，描述字段显示为FPS(WebGL)。Sprite：渲染节点数量（数字越低越好）。Sprite统计所有渲染节点（包括容器），这个数字的大小会影响引擎节点遍历，数据组织和渲染的次数。DrawCall：DrawCall在canvas和WebGL渲染下代表不同的意义（越少越好）。Canvas下表示每帧的绘制次数，包括图片、文字、矢量图。尽量限制在100之下。WebGL下表示渲染提交批次，每次准备数据并通知GPU渲染绘制的过程称为1次DrawCall，在每1次DrawCall中除了在通知GPU的渲染上比较耗时之外，切换材质与shader也是非常耗时的操作。 DrawCall的次数是决定性能的重要指标，尽量限制在100之下。Canvas：三个数值 —— 每帧重绘的画布数量 / 缓存类型为“normal”类型的画布数量 / 缓存类型为“bitmap”类型的画布数量”。CurMem：仅限WebGL渲染，表示内存与显存占用（越低越好）。Shader：仅限WebGL渲染，表示每帧Shader提交次数。无论是Canvas模式还是WebGL模式，我们都需要重点关注DrawCall，Sprite，Canvas这三个参数，然后针对性地进行优化。（参见“图形渲染性能”）第3节：内存优化对象池对象池，涉及到不断重复使用对象。在初始化应用程序期间创建一定数量的对象并将其存储在一个池中。对一个对象完成操作后，将该对象放回到池中，在需要新对象时可以对其进行检索。由于实例化对象成本很高，使用对象池重用对象可减少实例化对象的需求。还可以减少垃圾回收器运行的机会，从而提高程序的运行速度。以下代码演示使用Laya.utils.Pool：ar SPRITE_SIGN = "spriteSign";var sprites = [];function initialize(){ for (var i = 0; i < 1000; i++) { var sp = Pool.getItemByClass(SPRITE_SIGN, Sprite) sprites.push(sp); Laya.stage.addChild(sp); }}initialize();在initialize中创建大小为1000的对象池。以下代码在当单击鼠标时，将删除显示列表中的所有显示对象，并在以后的其他任务中重复使用这些对象：Laya.stage.on("click", this, function(){ var sp; for(var i = 0, len = sprites.length; i < len; i++) { sp = sprites.pop(); Pool.recover(SPRITE_SIGN, sp); Laya.stage.removeChild(sp); }});调用Pool.recover后，指定的对象会被回收至池内。使用Handler.create在开发过程中，会经常使用Handler来完成异步回调。Handler.create使用了内置对象池管理，因此在使用Handler对象时应使用Handler.create来创建回调处理器。以下代码使用Handler.create创建加载的回调处理器：Laya.loader.load(urls, Handler.create(this, onAssetLoaded));在上面的代码中，回调被执行后Handler将会被对象池收回。此时，考虑如下代码会发生什么事：Laya.loader.load(urls, Handler.create(this, onAssetLoaded), Handler.create(this, onLoading));在上面的代码中，使用Handler.create返回的处理器处理progress事件。此时的回调执行一次之后就被对象池回收，于是progress事件只触发了一次，此时需要将四个名为once的参数设置为false：Laya.loader.load(urls, Handler.create(this, onAssetLoaded), Handler.create(this, onLoading, null, false));释放内存JavaScript运行时无法启动垃圾回收器。要确保一个对象能够被回收，请删除对该对象的所有引用。Sprite提供的destory会帮助设置内部引用为null。例如，以下代码确保对象能够被作为垃圾回收：var sp = new Sprite();sp.destroy();当对象设置为null，不会立即将其从内存中删除。只有系统认为内存足够低时，垃圾回收器才会运行。内存分配（而不是对象删除）会触发垃圾回收。垃圾回收期间可能占用大量CPU并影响性能。通过重用对象，尝试限制使用垃圾回收。此外，尽可能将引用设置为null，以便垃圾回收器用较少时间来查找对象。有时（比如两个对象相互引用），无法同时设置两个引用为null，垃圾回收器将扫描无法被访问到的对象，并将其清除，这会比引用计数更消耗性能。资源卸载游戏运行时总会加载许多资源，这些资源在使用完成后应及时卸载，否则一直残留在内存中。下例演示加载资源后对比资源卸载前和卸载后的资源状态：var assets = [];assets.push("res/apes/monkey0.png");assets.push("res/apes/monkey1.png");assets.push("res/apes/monkey2.png");assets.push("res/apes/monkey3.png");Laya.loader.load(assets, Handler.create(this, onAssetsLoaded));function onAssetsLoaded(){ for(var i = 0, len = assets.length; i < len; ++i) { var asset = assets[i]; console.log(Laya.loader.getRes(asset)); Laya.loader.clearRes(asset); console.log(Laya.loader.getRes(asset)); }}关于滤镜、遮罩尝试尽量减少使用滤镜效果。将滤镜（BlurFilter和GlowFilter）应用于显示对象时，运行时将在内存中创建两张位图。其中每个位图的大小与显示对象相同。将第一个位图创建为显示对象的栅格化版本，然后用于生成应用滤镜的另一个位图：应用滤镜时内存中的两个位图当修改滤镜的某个属性或者显示对象时，内存中的两个位图都将更新以创建生成的位图，这两个位图可能会占用大量内存。此外，此过程涉及CPU计算，动态更新时将会降低性能（参见“图形渲染性能 _ 关于cacheAs）。ColorFiter在Canvas渲染下需要计算每个像素点，而在WebGL下的GPU消耗可以忽略不计。最佳的做法是，尽可能使用图像创作工具创建的位图来模拟滤镜。避免在运行时中创建动态位图，可以帮助减少CPU或GPU负载。特别是一张应用了滤镜并且不会在修改的图像。第4节：图形渲染性能优化Sprite1.尽量减少不必要的层次嵌套，减少Sprite数量。2.非可见区域的对象尽量从显示列表移除或者设置visible=false。3.对于容器内有大量静态内容或者不经常变化的内容（比如按钮），可以对整个容器设置cacheAs属性，能大量减少Sprite的数量，显著提高性能。如果有动态内容，最好和静态内容分开，以便只缓存静态内容。4.Panel内，会针对panel区域外的直接子对象（子对象的子对象判断不了）进行不渲染处理，超出panel区域的子对象是不产生消耗的。优化DrawCall1.对复杂静态内容设置cacheAs，能大量减少DrawCall，使用好cacheAs是游戏优化的关键。2.尽量保证同图集的图片渲染顺序是挨着的，如果不同图集交叉渲染，会增加DrawCall数量。3.尽量保证同一个面板中的所有资源用一个图集，这样能减少提交批次。优化Canvas在对Canvas优化时，我们需要注意，在以下场合不要使用cacheAs：1.对象非常简单，比如一个字或者一个图片，设置cacheAs=bitmap不但不提高性能，反而会损失性能。2.容器内有经常变化的内容，比如容器内有一个动画或者倒计时，如果再对这个容器设置cacheAs=bitmap，会损失性能。可以通过查看Canvas统计信息的第一个值，判断是否一直在刷新Canvas缓存。关于cacheAs设置cacheAs可将显示对象缓存为静态图像，当cacheAs时，子对象发生变化，会自动重新缓存，同时也可以手动调用reCache方法更新缓存。 建议把不经常变化的复杂内容，缓存为静态图像，能极大提高渲染性能，cacheAs有”none”，”normal”和”bitmap”三个值可选。默认为”none”，不做任何缓存。2.当值为”normal”时，canvas下进行画布缓存，webgl模式下进行命令缓存。3.当值为”bitmap”时，canvas下进行依然是画布缓存，webGL模式下使用renderTarget缓存。这里需要注意的是，webGL下renderTarget缓存模式有2048大小限制，超出2048会额外增加内存开销。另外，不断重绘时开销也比较大，但是会减少drawcall，渲染性能最高。 webGL下命令缓存模式只会减少节点遍历及命令组织，不会减少drawcall，性能中等。设置cacheAs后，还可以设置staticCache=true以阻止自动更新缓存，同时可以手动调用reCache方法更新缓存。cacheAs主要通过两方面提升性能。一是减少节点遍历和顶点计算；二是减少drawCall。善用cacheAs将是引擎优化性能的利器。下例绘制10000个文本：Laya.init(550, 400, Laya.WebGL);Laya.Stat.show();var textBox = new Laya.Sprite();var text;for (var i = 0; i < 10000; i++){ text = new Laya.Text(); text.text = (Math.random() * 100).toFixed(0); text.color = "#CCCCCC"; text.x = Math.random() * 550; text.y = Math.random() * 400; textBox.addChild(text);}Laya.stage.addChild(textBox);下面是笔者电脑上的运行时截图，FPS稳定于52上下。当我们对文字所在的容器设置为cacheAs之后，如下面的例子所示，性能获得较大的提升，FPS达到到了60帧。// ?省略其他代码? var textBox = new Laya.Sprite();textBox.cacheAs = "bitmap"; // ?省略其他代码?文字描边在运行时，设置了描边的文本比没有描边的文本多调用一次绘图指令。此时，文本对CPU的使用量和文本的数量成正比。因此，尽量使用替代方案来完成同样的需求。对于几乎不变动的文本内容，可以使用cacheAs降低性能消耗，参见“图形渲染性能 _ 关于cacheAs”。对于内容经常变动，但是使用的字符数量较少的文本域，可以选择使用位图字体。跳过文本排版，直接渲染大多数情况下，很多文本都不需要复杂的排版，仅仅简单地显示一行字。为了迎合这一需求，Text提供的名为changeText的方法可以直接跳过排版。var text = new Text();text.text = "text";Laya.stage.addChild(text);//后面只是更新文字内容，使用changeText能提高性能text.changeText("text changed.");Text.changeText会直接修改绘图指令中该文本绘制的最后一条指令，这种前面的绘图指令依旧存在的行为会导致changeText只使用于以下情况：文本始终只有一行。文本的样式始终不变（颜色、粗细、斜体、对齐等等）。即使如此，实际编程中依旧会经常使用到这样的需要。第5节：减少CPU使用量减少动态属性查找JavaScript中任何对象都是动态的，你可以任意地添加属性。然而，在大量的属性里查找某属性可能很耗时。如果需要频繁使用某个属性值，可以使用局部变量来保存它：function foo(){ var prop = target.prop; // 使用prop process1(prop); process2(prop); process3(prop);}计时器LayaAir提供两种计时器循环来执行代码块。Laya.timer.frameLoop执行频率依赖于帧频率，可通过Stat.FPS查看当前帧频。Laya.timer.loop执行频率依赖于参数指定时间。当一个对象的生命周期结束时，记得清除其内部的Timer：Laya.timer.frameLoop(1, this, animateFrameRateBased);Laya.stage.on("click", this, dispose);function dispose() { Laya.timer.clear(this, animateFrameRateBased);}获取显示对象边界的做法在相对布局中，很经常需要正确地获取显示对象的边界。获取显示对象的边界也有多种做法，而其间差异很有必要知道。1.使用getBounds/ getGraphicBounds。、var sp = new Sprite();sp.graphics.drawRect(0, 0, 100, 100, "#FF0000");var bounds = sp.getGraphicBounds();Laya.stage.addChild(sp);getBounds可以满足多数多数需求，但由于其需要计算边界，不适合频繁调用。2.设置容器的autoSize为true。var sp = new Sprite();sp.autoSize = true;sp.graphics.drawRect(0, 0, 100, 100, "#FF0000");Laya.stage.addChild(sp);上述代码可以在运行时正确获取宽高。autoSize在获取宽高并且显示列表的状态发生改变时会重新计算（autoSize通过getBoudns计算宽高）。所以对拥有大量子对象的容器应用autoSize是不可取的。如果设置了size，autoSize将不起效。使用loadImage后获取宽高：var sp = new Sprite();sp.loadImage("res/apes/monkey2.png", 0, 0, 0, 0, Handler.create(this, function(){ console.log(sp.width, sp.height);}));Laya.stage.addChild(sp);loadImage在加载完成的回调函数触发之后才可以正确获取宽高。3.直接调用size设置：Laya.loader.load("res/apes/monkey2.png", Handler.create(this, function(){ var texture = Laya.loader.getRes("res/apes/monkey2.png"); var sp = new Sprite(); sp.graphics.drawTexture(texture, 0, 0); sp.size(texture.width, texture.height); Laya.stage.addChild(sp);}));使用Graphics.drawTexture并不会自动设置容器的宽高，但是可以使用Texture的宽高赋予容器。毋庸置疑，这是最高效的方式。注：getGraphicsBounds用于获取矢量绘图宽高。根据活动状态改变帧频帧频有三种模式，Stage.FRAME_SLOW维持FPS在30；Stage.FRAME_FAST维持FPS在60；Stage.FRAME_MOUSE则选择性维持FPS在30或60帧。有时并不需要让游戏以60FPS的速率执行，因为30FPS已经能够满足多数情况下人类视觉的响应，但是鼠标交互时，30FPS可能会造成画面的不连贯，于是Stage.FRAME_MOUSE应运而生。下例展示以Stage.FRAME_SLOW的帧率，在画布上移动鼠标，使圆球跟随鼠标移动：Laya.init(Browser.width, Browser.height);Stat.show();Laya.stage.frameRate = Stage.FRAME_SLOW;var sp = new Sprite();sp.graphics.drawCircle(0, 0, 20, "#990000");Laya.stage.addChild(sp);Laya.stage.on(Event.MOUSE_MOVE, this, function(){ sp.pos(Laya.stage.mouseX, Laya.stage.mouseY);});此时FPS显示30，并且在鼠标移动时，可以感觉到圆球位置的更新不连贯。设置Stage.frameRate为Stage.FRAME_MOUSE：Laya.stage.frameRate = Stage.FRAME_MOUSE;此时在鼠标移动后FPS会显示60，并且画面流畅度提升。在鼠标静止2秒不动后，FPS又会恢复到30帧。使用callLatercallLater使代码块延迟至本帧渲染前执行。如果当前的操作频繁改变某对象的状态，此时可以考虑使用callLater，以减少重复计算。考虑一个图形，对它设置任何改变外观的属性都将导致图形重绘：var rotation = 0, scale = 1, position = 0;function setRotation(value){ this.rotation = value; update();}function setScale(value){ this.scale = value; update();}function setPosition(value){ this.position = value; update();}function update(){ console.log("rotation: " + this.rotation + " scale: " + this.scale + " position: " + position);}调用以下代码更改状态：setRotation(90); setScale(2); setPosi

HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。 HTML5草案的前身名为 Web Applications 1.0，于04年被WHATWG提出，于07年被W3C接纳，并成立了新的 HTML 工作团队。 HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改。 HTML5将会取代99年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：· 新的解析规则增强了灵活性· 新属性· 淘汰过时的或冗余的属性· 一个HTML5文档到另一个文档间的拖放功能· 离线编辑· 信息传递的增强· 详细的解析规则· 多用途互联网邮件扩展（MIME）和协议处理程序注册· 在SQL数据库中存储数据的通用标准（Web SQL）

从名称来看，HTML5是HTML最新的修订版本，广义的HTML5是指包括HTML、CSS和JavaScript在内的一套技术组合。

能具体点吗？

这个是基础代码完整的，你要文件，可联系哦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网站登录</title></head><body> <h2>网站登录</h2> <form action="地址"methed="post"> 学号：<input type="text" name="input1" value="" style="" width="20" height="20" placeholder="请输入用户名"></input><br> 密码：<input type="text" name="input1" value="" style="" width="20" height="20"placeholder="请输入密码" password="键盘"></input><br> 性别：<input type="radio" name="radio1" value=""checked>男</input> <input type="radio" name="radio1" value="">女 </input><br> 电话：<input type="text" name="input1" value="" style="" width="20" height="20" placeholder="请输入电话号码"></input><br> 邮箱：<input type="text" name="input1" value="" style="" width="20" height="20"placeholder="请输入注册邮箱" ></input><br> 出生年月：<input type="text" name="input1" value="" style="" width="20" height="20" ></input><br> 爱好：<input type="checkbox" name="city">篮球 <input type="checkbox" name="city">足球</input> <input type="checkbox" name="city">羽毛球</input></form><br> <input type="submit" value="提交"></input> <input type="reset" value="重置"></input></form></body></html>

H5和HTML5不是一个意思，H5并不是一项技术，而是一个产品名词，其中包含了许多技术（例页面素材预加载技术，音乐加载播放技术等）；而HTML5是一个技术名词。H5是用HTML5编写的，也就是H5都遵循HTML5规范。通常我们所说的H5就是H5广告，大多是在微信上宣传营销使用的，而HTML5第五代HTML的标准，一种规范，可以说，H5都是用HTML5编写的，也就是所有H5都遵循HTML5这个规范，不然就会出现问题。H5和HTML5并不是一个意思，H5并不是一项技术，而是一项标准，其中所包含的技术主要有页面素材预加载技术，音乐加载播放技术，可以滑动的页面，可以涂抹擦除，有动态的文字和图片，可以填表报名，可以支持分享自定义的文案和图片等一系列技术。HTML是“超文本标记语言”的英文缩写。我们上网所看到的网页，多数都是由HTML写成。简单的讲：H5不=HTML5H5是一个产品名词HTML5是一个技术名词

1.简化的语法更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写，这就行了。HTML5的语法兼容HTML，但不兼容SGML。2. 一个替代Flash的新”canvas”标记对于Web用户来说，Flash既是一个惊喜，也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着要花几年时间加载和运行的臃肿的Flash视频的人来说，用新的 “canvas” 标记生成视频的技术已经到来。 3. 新的 “header” 和 “footer” 标记HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些”header” 和”footer” 等新标记的出现，它们是专门为标志网站的这些部分设计的。4. 新的 “section” 和 “article” 标记跟”header” 和 “footer”标记类似，HTML5中引入的新的”section” 和 “article” 标记可以让开发人员更好的标注页面上的这些区域。 据推测，除了让代码更有组织外，它也能改善SEO效果，能让搜索引擎更容易的分析你的页面。5.新的 “menu” 和 “figure” 标记新的”menu”标记可以被用作普通的菜单，也可以用在工具条和右键菜单上，虽然这些东西在页面上并不常用。类似的，新的 “figure” 标记是一种更专业的管理页面上文字和图像的方式。6. 全新的表单设计新的 “form” 和 “forminput” 标记对原有的表单元素进行的全新的修改，它们有很多的新属性(以及一些修改)。

这个建议你去w3school详细的看一遍

标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟） 专注于XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”2013年5月6日， HTML 5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。本次草案的发布，从2012年12月27日至今，进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升。支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的遨游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改。2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。在此之前的几年时间里，已经有很多开发者陆续使用了HTML5的部分技术，Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我们才看到“正式版”。HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。W3C CEO Jeff Jaffe博士表示：“HTML5将推动Web进入新的时代。不久以前，Web还只是上网看一些基础文档，而如今，Web是一个极大丰富的平台。我们已经进入一个稳定阶段，每个人都可以按照标准行事，并且可用于所有浏览器。如果我们不能携起手来，就不会有统一的Web。”HTML5还有望成为梦想中的“开放Web平台”(Open Web Platform)的基石，如能实现可进一步推动更深入的跨平台Web应用。接下来，W3C将致力于开发用于实时通信、电子支付、应用开发等方面的标准规范，还会创建一系列的隐私、安全防护措施。W3C还曾在2012年透露说，计划在2016年底前发布HTML 5.1。 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：· 新的解析规则增强了灵活性· 新属性· 淘汰过时的或冗余的属性· 一个HTML5文档到另一个文档间的拖放功能· 离线编辑· 信息传递的增强· 详细的解析规则· 多用途互联网邮件扩展（MIME）和协议处理程序注册· 在SQL数据库中存储数据的通用标准（Web SQL）HTML5在2007年被万维网联盟(W3C)新的工作组采用。这个工作组在2008年1月发布了HTML 5的首个公开草案。眼下，HTML5处于“呼吁审查”状态，W3C预期它将在2014年年底达到其最终状态。 语义特性（Class：Semantic）HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。本地存储特性（Class: OFFLINE & STORAGE）基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。设备兼容特性 (Class: DEVICE ACCESS)从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。连接特性（Class: CONNECTIVITY）更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。网页多媒体特性(Class: MULTIMEDIA)支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。三维、图形及特效特性（Class: 3D, Graphics & Effects）基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。性能与集成特性（Class: Performance & Integration）没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。CSS3特性(Class: CSS3)在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。 HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如<audio>和<video>标记。1、取消了一些过时的HTML4标记其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被CSS取代。HTML5 吸取了XHTML2 一些建议，包括一些用来改善文档结构的功能，比如，新的HTML 标签 header, footer, dialog, aside, figure 等的使用，将使内容创作者更加语义地创建文档，之前的开发者在实现这些功能时一般都是使用div。2、将内容和展示分离b 和 i 标签依然保留，但它们的意义已经和之前有所不同，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。u，font，center，strike 这些标签则被完全去掉了。3、一些全新的表单输入对象包括日期，URL，Email 地址，其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据，这一使用机器可以识别的标签标注内容的方法，使语义Web 的处理更为简单。总的来说，这些与结构有关的改进使内容创建者可以创建更干净，更容易管理的网页，这样的网页对搜索引擎，对读屏软件等更为友好。4、全新的，更合理的Tag多媒体对象将不再全部绑定在object或 embed Tag 中，而是视频有视频的Tag，音频有音频的 Tag。5、本地数据库这个功能将内嵌一个本地的SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线Web 程序也将因此获益匪浅。不需要插件的丰富动画。6、Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力，这意味着用户可以脱离Flash 和Silverlight，直接在浏览器中显示图形或动画。7、浏览器中的真正程序将提供 API 实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。内容修饰Tag 将被剔除，而使用CSS。8、Html5取代Flash在移动设备的地位。9、其突出的特点就是强化了web页的表现性,追加了本地数据库, HTML5和Canvas 2D规范的制定已经完成，尽管还不能算是W3C标准，但是这些规范已经功能完整，企业和开发人员有了一个稳定的执行和规划目标。W3C首席执行官Jeff Jaffe表示：“从今天起，企业用户可以清楚地知道，他们能够在未来依赖HTML5。”HTML5是开放Web标准的基石，它是一个完整的编程环境，适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能等等。为了减少浏览器碎片、实现于所有HTML工具的应用，W3C从今天开始着手W3C标准化的互操作性和测试。和之前宣布的规划一样，W3C计划在2014年完成HTML5标准。HTML工作组还发布了HTML5.1、HTML Canvas 2D Context、Level 2以及主要元素的草案，让开发人员能提前预览下一轮标准。 它可能会消灭Flash许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式，这可能会加速HTML5替代Flash的进程，但是这个转变的过程也不是一蹴而就的。它新并不表示它安全网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全。HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构（European Network and Information Security Agency，ENISA）已经警告说HTML5可能并不够安全。它承诺带来一个无缝的网络HTML5会带来一个统一的网络，无论是笔记本，台式机，还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候，开发者需要重新考虑用户体验，网站浏览，网站结构等因素使得这个网站对任何硬件设备都通用。它会变成企业的SaaS平台一些重量级的企业，如微软，Salesforce，SAP Sybase正在开发HTML5的开发工具。如果你正在构建企业应用，很可能不久的将来你就要用到HTML5。所以当构建公司的SaaS战略迁移的时候也不要忘记HTML5。它将会变得很移动几乎所有人都热衷于开发独立的移动应用，但是HTML5很可能会是独立移动应用的终结者。由于HTML5将应用的功能直接加入其内核，这很可能引导移动技术潮流重新回到浏览器时代。HTML5允许开发者在（移动）浏览器内开发应用，所以如果你正在制定一项桌面或者移动应用的长期发展策略，你可能需要考虑这一点。 2013年3月，HTML5标记语言的一个漏洞被发现：它允许网站利用数GB垃圾数据对用户展开轰炸，甚至会在短时间内将硬盘塞满。多款主流浏览器均会受此影响。一位名叫菲罗斯·阿伯克哈迪杰哈(Feross Aboukhadijeh)的开发者率先发现了这一漏洞，他表示，多数主流网络浏览器均会受到影响，包括苹果Safari、谷歌Chrome、微软IE和Opera。唯一能够阻止数据大量加载的是Mozilla的火狐浏览器，该产品的数据存储上限为5MB。该问题的根源在于HTML5存储本地数据的方式。虽然每个浏览器都有不同的存储参数，但很多都支持用户自定义限制，且至少会在用户电脑上存储2.5MB数据。阿伯克哈迪杰哈发现了一个绕过数据上限的方法，它创建了多个与用户访问过的网站链接的临时网站。由于多数浏览器不会计算这种偶然情况，所以二级网站也可以存储与主网站相同量的数据。通过大批生成这种网站，该漏洞便可向受影响的电脑加载海量数据。在测试这一漏洞的过程中，阿伯克哈迪杰哈每16秒即可向他的固态硬盘版MacBook Pro中加载1GB数据。他指出，Chrome等32位浏览器可能会在硬盘塞满前崩溃。“一些采用高明代码的网站其实已经取消了用户电脑对数据存储的限制。”阿伯克哈迪杰哈说。阿伯克哈迪杰哈已经发布一组代码来利用该漏洞，并创建了一个名为Filldisk的专用网站来凸显该漏洞的危害。 网络标准HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。多设备跨平台用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。自适应网页设计很早就有人设想，能不能“一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）。2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。这就解决了传统的一种局面——网站为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。即时更新游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。总结概括HTML5有以下优点：1、提高可用性和改进用户的友好体验；2、有几个新的标签，这将有助于开发人员定义重要的内容；3、可以给站点带来更多的多媒体元素(视频和音频)；4、可以很好的替代FLASH和Silverlight；5、当涉及到网站的抓取和索引的时候，对于SEO很友好；6、将被大量应用于移动应用程序和游戏；7、可移植性好。缺点：该标准并未能很好的被浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。 HTML5在诞生之后，就树立了一个原则，那就是所有的技术必须是开放的，不准有专利限制，在这期间Opera捐献了CSS技术，而Google则提供了视频格式WebM。可以说大部分的HTML协议在众多网络技术公司中达成共识，但在视频格式方面，世界各大互联网公司正在为具体标准进行争论，这可能影响HTML5标准的分流。纷争的两大阵营分别是Opera、火狐、Google等，另一大阵营则由苹果公司领衔。MPEG阵营认为WebM格式是具有专利保护的，这违背了HTML5所有技术必须开放的原则。MPEG阵营则更多地是因为自身就在使用这种视频格式。 HTML5规范开发完成时，将成为主流。据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTML Web开发者数量将达到200万。毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。据IDC的调查报告统计，截至2012年5月，有79%的移动开发商已经决定要在其应有程序中整合HTML5技术。12月，万维网联盟宣布已经完成对HTML5标准以及Canvas 2D性能草案的制定，这就意味着开发人员将会有一个稳定的“计划和实施”目标。有很多的文章都在号召使用HTML5，并大力宣传它的好处。此前，站长之家曾经做过一期调查，调查显示只有36.16%的站长正在学习中，另外的63.76%表示正在观望中。作为站长，你是否准备开始学习HTML5？从性能角度来说，HTML5首先是缩减了HTML文档，使这件事情变得更简单。从用户可读性上说，原先一大堆东西对初学者来说，第一次看到这些东西是看不懂的，而HTML5的声明方式对用户来说显然更友好一些。 1、移动优先从如今层出不穷的移动应用就知道，在这个智能手机和将平板电脑大爆炸的时代，移动优先已成趋势，不管是开发什么，都以移动为主。2、游戏开发者领衔“主演”许多游戏开发商都被Facebook或者Zynga推动着发展，而未来的Facebook应用生态系统是基于HTML5的，尽管在HTML 5平台开发出游戏非常困难，但游戏开发商却都愿意那么做。通过PhoneGap及appmobi的XDK将Web应用游戏打包整合到原生应用中也是一种方式，Facebook差不多就这么干的——基于Web应用及浏览器，但却将之打包整合进原生应用。3、2014计划2012年9月，W3C提出计划要在2014年底前发布一个HTML5推荐标准，并在2016年底前发布HTML5.1推荐标准。 第一个解决方案，现有的盈利模式可以移植到HTML5，今天游戏开发者通过跟苹果App Store合作非常赚钱，其实HTML5的模式也可以通过封装把游戏放到App Store一样的分成赚钱。第二个解决方案，HTML5游戏可以“傍着”平台，比方说Opera的游戏平台或其它浏览器的平台，以及所谓云游戏的游戏平台，都是新的盈利模式的平台。第三个解决方案，在谈到HTML5游戏与原生应用的表现性能比时，开发者需要考虑清楚要做的究竟是怎样一款游戏，HTML5更适合轻量级的小游戏。而且HTML5在代码保密性方面并不弱于原生应用。第四个解决方案，前面3个都是以HTML5游戏或者应用的形式为赢利点，其实任何技术形态最终都是一样，本质上都是服务于人（包含个人、企业），只要能满足需求的业务组合都是盈利的方向，例如目前催生的微信网站、HTML5营销、HTML5外包 等，都是满足现实需求的盈利方案

随着HTML5技术的不断发展HTML5逐渐成为网络搭建的主流语言。并且随着移动网7a686964616fe78988e69d8331333433633363络的快速发展，HTML5的也得到了快速的发展，企业也越来越重视HTML5的开发人才。HTML5虽然兴起时间不长，但是发展势头却无比迅猛，因此学习HTML5的人逐渐增多。HTML5的主要优势如下：1、基于HTML5强大的兼容性。因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。2、HTML5开发支持的手机系统有android、ios。3、HTML5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。4、HTML5开发能提供更快、更简便的服务，代码可高度重用，服务发布方便。5、动画、游戏动态效果，地理定位等很多app应用正在崛起，而HTML5技术的强大优势就是这种让我们惊叹的效果。而未来采用HTML5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。其实，HTML5入行门槛很低，如果你是没有基础来学习HTML5，好好清楚这几点，那么在学习过程当中，你会更好、更快掌握所学内容。如今HTML5开发已是大势所趋，市场对于HTML5全栈开发人才需求也在不断增加。只要你有足够的热情和兴趣，并且肯努力，学好HTML5没有任何问题。以上我的回答希望对你有所帮助

就目前而言，html5的价值程度很高。html5的技术人员的薪资就同行业相比也是比较突出的，html5技术人员薪酬更是水涨船高，高薪一族当之无愧。html5就业前景非常乐观。对应届生而言，现在抓紧时间学习html5和相关软件无疑是明智之举。想学好html5开发技术知识，首先要了解什么是html5，零基础的同学学html5基础知识要掌握哪些内容？想要学好html5前端开发，以下这些知识必须得掌握好，分享html5学习教程给大家。第1阶段：前端页面重构：PC端网站布局、html5+CSS3基础项目、WebAPP页面布局；第2阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；第3阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；第4阶段：移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；第5阶段：混合（Hybrid）开发：各类混合应用开发；第6阶段：NodeJS全栈开发：WebApp后端系统开发；第7阶段：大数据可视化：数据可视化入门、D3.jS详解及项目实战。html5前端全栈课程学习，致力于培养覆盖前端+后台+全栈开发的综合性人才，专业性强、课程创新、师资雄厚。课程涵盖JavaScript、html5、CSS3、NodeJS全栈开发等内容，让学员全方位技能，一手掌控。html5课程学习门槛低，适合零基础的小白迅速成长，学习曲线先快后慢，也适合有一定基础的学员进阶学习，巩固知识的基础上，突破职业瓶颈。html5前端开发的就业前景也十分被业界看好，一方面是企业需求量大，薪资高；另一方面，移动互联网开发是可以长远发展的行业。只要技术水平足够好，专业性足够高，开发人才将是长期被企业所追捧和青睐的对象，职业道路的发展和薪资的稳固提升自然不言而喻。

你可以把HTML5看成是传统网页的增强版。HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。

HTML5就是HTML最新的修订版本，它除了继承html的部分特征以外还添加了许多新的功能比如本地存储，设备兼容，网页多媒体特性等等HTML的全称是Hyper Text Markup Language 即超文本标记语言，它是互联网上应用最广泛的标记语言。简单地说，HTML文件就是普通文本+HTML标记（HTML标签），和不同的标记就能表示不同的效果。HTML5就是HTML最新的修订版本。【推荐课程：HTML5教程】HTML5介绍HTML5继承了HTML的部分特征，同时又添加了许多新的语法特征，比如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性等。此外HTML5还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序能够一致地处理语法错误。广义的HTML5是指包括HTML、CSS和JavaScript在内的一套技术组合。主要作用是减少网页浏览器对于需要插件的丰富性网络应用服务，例如：Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网络应用的标准集。通过对HTML5的定义，我们可以了解到HTML5具有独特的优势：网络标准、多设备跨平台、自适应网页设计。这对于程序员来说是绝对的福音，因为你只需掌握HTML5就能即时更新自己的页面、适应多个浏览器。HTML5的作用对于互联网领域来说，HTML5不再只是一种标记语言，它为下一代Web提供了全新的框架和平台，包括提供免插件的视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化，从而使Web能够轻松实现类似桌面的应用体验。对于编程人员来说，HTML5的特点是具有革命性的，特别是其丰富的标签体系，类似于内置了很多快捷键，将取代那些完成比较简单任务的插件，可以降低应用开发的技术门槛;对于SEO来说，HTML5有利于搜索引擎抓取和索引网站内容，能够提供更多的功能和更好的用户体验，有助于提高网站的可用性和互动性;对于企业来说，HTML5能够改变企业网络广告的模式与分布，助力传统企业IT应用移动化，帮助企业构建应用平台。总结：

HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。我们需要先了解HTML5。你可能以为它也不过就是一个html4的升级版本？或者你理解为它是完全不同的新版本,因为到处都是宣传的？起始两种看法都是部分正确。HTML 5包括许多简化和附加的网页标记，所以它称为升级版本也是可以的。但是，HTML5也可以被认为是很多的技术组合在一起的技术，包括一整套和HTML 5标签交互的API接口。还有CSS3，给我们的HTML5带来了非常强大的各种动画和风格的效果。如果你已经很熟悉原本的html4，那大多数新的标签会很容易使用。HTML5添加了许多新的语法特征，其中包括<video>、<audio>和<canvas>元素，同时集成了SVG内容。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容而添加的。其它新的元素如<section>、<article>、<header>和<nav>则是为了丰富文档的数据内容。新的属性的添加也是为了同样的目的。同时也有一些属性和元素被移除掉了。一些元素，像<a>、<cite>和<menu>被修改，重新定义或标准化了。同时APIs和DOM已经成为HTML5中的基础部分了。HTML5还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序能够一致地处理语法错误。

简介 万维网 的核心语言、 标准通用标记语言 下的一个应用 超文本标记语言 （ HTML ）的第五次重大修改（这是一项推荐标准、外语原文： W3C Recommendation、见本处 参考资料 原文内容：[1] ）。 2014年10月29日， 万维网联盟 宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。 发展历程 标准通用标记语言 下的一个应用 HTML 标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本 应用技术工作组 - WHATWG ） 的组织。WHATWG 致力于 Web 表单和应用程序，而 W3C （World Wide Web Consortium， 万维网 联盟） 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。 HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分 现代浏览器 已经具备了某些 HTML5 支持。 2012年12月17日， 万维网联盟 （W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。” 2013年5月6日， HTML 5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订 万维网 的核心语言：超文本标记语言（ HTML ）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。 本次草案的发布，从2012年12月27日至今，进行了多达近百项的修改，包括HTML和XHTML的标签，相关的 API 、 Canvas 等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升。 支持Html5的浏览器包括 Firefox （火狐浏览器）， IE9 及其更高版本， Chrome （谷歌浏览器）， Safari ，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或 Chromium （Chrome的工程版或称实验版）所推出的 360浏览器 、 搜狗浏览器 、 QQ浏览器 、 猎豹浏览器 等国产浏览器同样具备支持HTML5的能力。 在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。 JavaScript 引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个 UI 工具包去使用。 纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。 HTML5手机应用的最大优势就是可以在网页上直接 调试 和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改。 2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。 在此之前的几年时间里，已经有很多开发者陆续使用了HTML5的部分技术， Firefox 、 Google Chrome 、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我们才看到“正式版”。 HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。 W3C CEO Jeff Jaffe博士表示：“HTML5将推动Web进入新的时代。不久以前，Web还只是上网看一些基础文档，而如今，Web是一个极大丰富的平台。我们已经进入一个稳定阶段，每个人都可以按照标准行事，并且可用于所有浏览器。如果我们不能携起手来，就不会有统一的Web。” HTML5还有望成为梦想中的“开放Web平台”(Open Web Platform)的基石，如能实现可进一步推动更深入的跨平台Web应用。 接下来，W3C将致力于开发用于实时通信、 电子支付 、应用开发等方面的标准规范，还会创建一系列的隐私、安全防护措施。 W3C还曾在2012年透露说，计划在2016年底前发布HTML 5.1。

　　HTML5 相比于HTML4多了很多新的功能，主要包括以下五点： 1、用于绘画的 canvas 元素　　2、用于媒介回放的 video 和 audio 元素 3、对本地离线存储的更好的支持　　4、新的特殊内容元素，比如 article、footer、header、nav、section 5、新的表单控件，比如 calendar、date、time、email、url、search"

优势HTML5可以提供:1.提高可用性和改进用户的友好体验;2.有几个新的标签，这将有助开发人员定义重要的内容；3.可以给站点带来更多的多媒体元素(视频和音频)；4.可以很好的替代FLASH和Silverlight；5.当涉及到网站的抓取和索引的时候，对于SEO很友好；6.将被大量应用于移动应用程序和游戏。海腾数据赵润华为你解答！如果需要相关的建站服务请与我联系！

HTML5增加了哪些功能有什么优势？从HTML4.0，XHTML到HTML5，从某种意义上来说，这是HTML描述性标记语言更加标准化的过程。所以HTML5并没有给开发者带来太大的影响。但是HTML5增加了很多非常实用的新功能和特性。以下是HTML5的一些优点。1.解决了跨浏览器的问题。HTML5之前，各大浏览器厂商为了争夺市场份额，会在没有统一标准的情况下，给自己的浏览器添加各种功能。使用不同的浏览器，我们经常会看到不同的页面效果。HTML5中包含了所有合理的扩展功能，具有良好的跨平台性能。对于不支持新标签的旧IE浏览器，只需添加JavaScript代码就可以使用新元素。推荐了解黑马程序员的web前端课程。2.增加了几个新功能。HTML从1.0到5.0发生了巨大的变化，从单一的文本显示功能到图文并茂的多媒体显示功能。经过多年的改进，许多特性已经发展成为一种非常重要的标记语言。HTML5的新特性如下。●新的特殊内容元素，如标题、导航、章节、文章和页脚。●新表单控件，如日历、日期、时间、电子邮件、网址、搜索。●用于绘画的画布元素。●用于媒体播放的视频和音频元素。●更好地支持本地离线存储。●地理位置、牵引、摄像等的API。3.HTML5标准的制定是基于用户优先的原则。一旦出现未解决的冲突，标准就会把用户放在第一位。另外，为了提升使用HTML5的体验，还加强了以下两个方面的设计。●安全机构设计。为了保证HTML5的安全性，在设计HTML5时做了很多面向安全性的设计。HTML5引入了一种基于开源的新的安全模型，它不仅易于使用，而且对不同的API(应用编程接口)是通用的。使用这种安全模型，跨域安全对话可以在没有任何不安全攻击的情况下进行。●表现和内容分离。表示层和内容层的分离是HTML5设计的另一个重要内容。其实表达和内容的分离早在HTML4.0就有设计，只是分离不彻底。为了避免可访问性差、代码复杂度高、文件大等问题，HTML5规范中对性能和内容的分离更加细致清晰。但是考虑到HTML5的兼容性，一些旧的表达和内容的代码还是可以兼容使用的。4.简化复杂性的优势。HTML5作为一种流行的通用标记语言，尽可能简化，严格遵循“简单第一”的原则，主要体现在以下几个方面:●新的简化字符集声明；●新简化的DOCTYPE●简单强大的HTML5API●用浏览器原生能力替换复杂的JavaScript代码。为了实现这些简化的操作，HTML5规范需要比以前更加详细和精确。为了避免误解，HTML5对每一个细节都有非常明确的规范，不允许有任何歧义或歧义。

以下是关于HTML5的解释：1、HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务（Plug-in-Based Rich Internet Application，RIA），例如：Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网络应用的标准集。2、具体来说，HTML5添加了许多新的语法特征，其中包括、和元素，同时集成了SVG内容。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容而添加的。其它新的元素如、、和则是为了丰富文档的数据内容。新的属性的添加也是为了同样的目的。同时也有一些属性和元素被移除掉了。一些元素，像、和被修改，重新定义或标准化了。同时APIs和DOM已经成为HTML5中的基础部分了。HTML5还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序能够一致地处理语法错误。

HTML5是一种web标记语言，用于开发网页使用。HTML是web应用中一种”超文本标记语言（HTML）“的第五次重大修改，我们将这次修改后的HTML标准，称之为"HTML5"。html5就是包括HTML、CSS和JavaScript在内的一套技术组合，强化了Web网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。所以说未来HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。但是HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。拓展资料：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟） 专注于XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。百度百科_html5

到编程语言发展多元化的今日,HTML5顺势而生了.作为最受欢迎的编程语言,相信很多人都听说过HTML5.可是HTML5是什么呢?HTML5有什么用呢?相信很多人不是非常清楚.1、HTML5是什么?从名称来看,HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成了标准制定.由此可见,HTML5继承了HTML的部分特征,又添加了许多新的语法特征,比如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性等.此外HTML5还定义了处理非法文档的具体细节,使得所有浏览器和客户端程序能够一致地处理语法错误.广义的HTML5指的是包括HTML、CSS和JavaScript在内的一套技术组合.主要的作用是减少网页浏览器对于需要插件的丰富性网络应用服务,例如：AdobeFlash、MicrosoftSilverlight与OracleJavaFX的需求,并且提供更多能有效加强网络应用的标准集.通过对HTML5的定义,我们可以了解到HTML5具有独特的优势：网络标准、多设备跨平台、自适应网页设计.这对于程序员来说是绝对的福音,你只需掌握HTML5就能即时更新自己的页面、适应多个浏览器.2、HTML5对我们什么作用?对于互联网领域来说,HTML5不再只是一种标记语言,它为下一代Web提供了全新的框架和平台,包括提供免插件的视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些应用标准化,从而使Web能够轻松实现类似桌面的应用体验.对于编程人员来说,HTML5的特点是具有革命性的,特别是其丰富的标签体系,类似于内置了很多快捷键,将取代那些完成比较简单任务的插件,可以降低应用开发的技术门槛;对于SEO来说,HTML5有利于搜索引擎抓取和索引网站内容,能够提供更多的功能和更好的用户体验,有助于提高网站的可用性和互动性;对于企业来说,HTML5能够改变企业网络广告的模式与分布,助力传统企业IT应用移动化,帮助企业构建应用平台.现在应该知道HTML5是什么技术了吧,通过各大招聘网站的数据可以知道,目前HTML5的开发人员薪资处于同类编程语言的比较高的水平,它的低门槛更是吸引了很多人加入.

HTML5是构建Web内容的一种语言描述方式HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

HTML5是构建Web内容的一种语言描述方式HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。