HTML5

请升级到MicrosoftEdge以使用最新的功能、安全更新和技术支持。

HTML5已经推出,Web不是一成不变的。

您以前一定听说过这句话或类似的内容。我想,当您听到这句话时,可能会变得很激动,转动眼珠、皱着眉头一脸疑问。也可能这三种反应您都会有。

有这些反应,我非常能理解。HTML5十分令人称道,正如我们所知,它可能会改变Web,但它的作用也被夸大了。而且,它的真正意义还难以琢磨。在使用HTML5构建应用程序时,我自己也有过上面所说的每一种反应。HTML5是一个宽泛的话题,要掌握它很困难,更不用说知道从哪里开始使用这套激动人心的新技术了。

如果您对HTML5感到十分兴奋,我希望帮助您将这种兴奋感转化为可以立即付诸实践的想法。如果您存在疑问,我希望帮助您了解HTML5为什么十分重要。如果只是不清楚HTML5的意义何在,您不必担心:这就是本系列中的第一站要解决的问题。

到现在为止,您可能会发现HTML5对不同的人有着不同的意义。对有些人来说,它只意味着诸如

之类的新标记以及可用在标记中的一些新属性。对另一些人来说,它意味着Web上一切崭新和有趣的功能,包括在单个浏览器中实现的技术或未正式包含在HTML5中的其他规范。当然,了解HTML5的真正意义通常是很多人面临的第一个障碍。

实际上,HTML5是描述一组HTML、CSS和JavaScript规范的泛称,这些规范旨在帮助开发人员构建下一代网站和应用程序。这个定义主要由三部分组成:HTML、CSS和JavaScript。这三个部分规定开发人员如何使用改进的标记、更丰富的样式功能以及新的JavaScriptAPI以充分利用新Web开发功能。简单地说,HTML5=HTML+CSS+JavaScript。

Microsoft是W3C成员,在许多HTML5标准和工作组的规范流程中起着十分积极的作用。和所有主要浏览器供应商一样,Microsoft也在HTML5上进行了大量投入,与W3C及其他供应商一起协作,确保开发人员能够依赖在所有主要浏览器中以互操作方式可靠实现的HTML5技术。

就浏览器供应商Microsoft而言,方法有四:

尽管InternetExplorer9已采用了一些HTML5技术,并通过InternetExplorer平台预览版宣布了InternetExplorer10将采用其他HTML5技术,一些常用和值得发布的规范还需要W3C和浏览器供应商再做一些工作,然后才能在应用程序中实现。其中一个例子就是Web套接字,这个令人振奋的规范使开发人员可以公开与后端服务器的双向通信通道,从而实现一定的“实时”连接,以前在Web应用程序中是无法实现这一点的。作为一名开发人员,您一定会想马上在所构建的应用程序中大量使用Web套件字。但Web套接字规范还在快速变化着,W3C还在讨论这项规范的主要方面,仍未定稿。在这种情况下,现在很难在所有浏览器中可靠一致地提供此功能。

除了参与W3C和在浏览器中支持HTML5技术之外,Microsoft还从另一方面参与对开发人员十分重要的HTML5:这就是参与HTML5工具。

2011年初,Microsoft更新了两个开发工具的ServicePack:VisualStudio2010和ExpressionWeb4。这两个工具的ServicePack提供了用于验证的HTML5文档类型以及用于新HTML5标记和属性的IntelliSense。如果您使用的是VisualStudio2010SP1,可以启用HTML5架构,方法是:单击“工具”|“选项”|“文本编辑器”|“HTML”|“验证”,然后在“目标”下拉列表中选择“HTML5”选项,如图1所示。也可以在任何HTML文件中通过HTML源编辑工具栏将HTML5设置为默认架构,如图2所示。

图1通过“选项”对话框启用HTML5架构

图2在HTML源编辑工具栏上设置HTML5架构

在设置好默认架构后,您就会在VisualStudio中获得对HTML中的28个新语义标记以及标记特定的新属性和新全局属性的IntelliSense支持,如图3所示。

图3VisualStudio2010SP1中的HTML5IntelliSense

对于ExpressionWeb4SP1,在“工具”|“页面选项”下设置HTML5架构可提供相同的IntelliSense,这一工具还为border-radius、box-shadow和transform等多个草拟CSS3模块提供CSS3IntelliSense。

图4WebMatrix中的默认HTML文档

到现在为止,您应当意识到HTML5并不是一下子便可采用或迁移到的单个实体。采用而不是大规模使用HTML5,就是要进行逐一技术评估,确定哪些技术适合您的应用程序。对于所评估的每项HTML5技术,请在确定这项技术是否可供采用时,(至少)考虑以下因素:

第一个因素是最重要的,再加上对于网站访问者常用浏览器的了解,您会很清楚这100多项规范中哪部分值得进一步评估。这部分应包含您当前可为用户可靠采用的一组稳定规范。

不过,即使使用这组稳定的HTML5技术,也不应忽略尚未转向较新浏览器的用户。如果您大量参与网站的日常开发,一定会对使用给定浏览器访问网站的用户百分比有大致的了解。对于我们大多数人来说,可以很容易查看使用旧式浏览器进行访问的用户百分比,因而会得出这样一个结论:无论采用什么HTML5技术,都会对这些用户产生负面影响。幸运的是,正是有了“填充代码”,我们采用HTML5就不会遥遥无期了。

PaulIrish(jQuery和Modernizr项目的开发人员)将填充代码定义为“…模拟未来API的填充程序”,为旧式浏览器提供备用功能。”填充代码就像网站的填补物;该方法可确定给定HTML5功能是否适用于当前浏览网站的用户,并相应地提供“填入”这种支持的填充程序或一系列妥善降级,从而使网站仍能发挥全部功能。

在涉及选择采用哪些技术时,最终列出的,可能既有受到广泛支持的规范,也有必须针对某些浏览器为其提供填充代码支持的其他规范。您只需根据当前需要和实际情况了解列表的组成部分。

在接下来的几个月里,我将介绍几个重要规范,从地理位置、窗体和画布到Web工作线程、Web套接字和IndexedDB。其中一些规范受到广泛支持并且是“网站适用的”,比如Web套接字,它们很具有创新性,无论在哪里使用都令人无法忽略。对于每个规范,我都将介绍现有的支持、已知的将来支持、有关可在网站中实现规范功能的一些基本知识,以及如何对不支持给定功能的浏览器提供填充代码支持。

最重要的是,立即开始采用HTML5。实际上,Web不会停止变化,您可以通过使用HTML5构建出色的下一代Web应用程序,从而促进Web的发展。

衷心感谢以下技术专家对本文的审阅:JonBox,DamianEdwards和ClarkSell

THE END
1.美食界的数字盛宴如何打造一款令人垂涎的HTML网页在当今这个信息爆炸的时代,网络已经成为人们获取知识和娱乐的一大途径。其中,html美食网页作为一种新的媒体形式,不仅能够满足人们对美食文化的需求,还能为厨师、餐厅和食品制造商提供一个展示自己的平台。那么,我们如何才能制作出一款既能吸引用户,又能体现出美食魅力的html美食网页呢? https://www.nu445dn1f.cn/liang-you-diao-wei-pin/887754.html
2.学生个人html静态网页制作湖南美食(4页)家乡美食网站设计与实现1.HTML代码 2.CSS代码 三、精彩专栏 一、网页介绍 网页编辑:任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++等任意html编辑软件进行运行及修改编辑等操作)。 一、网页效果 二、代码展示 1.HTML代码 代码如下(示例):以下仅展示部分代码供参考~ https://blog.csdn.net/bigwhiteshark/article/details/144288353
3.土豆真的搭配什么都好吃!!土豆和午餐肉煎的焦焦的青椒鸡蛋葱花m.sxsxkeji.cn/a89/71.html 做法:1、起锅烧油。先将鸡蛋炒至。焦黄酥脆备用。 2、另起锅。锅里无水无油,放一碗白面,小火炒至白面发黄,放入清水烧至微微开始,加入白菜、木耳、午餐肉、鸡蛋煮熟。调味只需放盐、鸡精、胡椒粉。葱花即刻出锅 午餐肉炒鸡蛋 https://www.163.com/dy/article/JJCP83Q60553P098.html
4.html导航栏下拉菜单怎么制作?我们要说的是html导航栏下拉菜单的制作,先看一个完整的实例代码: style .dropdown{ position:relative; display:inline-block; } .dropdown-content{ display:none; position:absolute; background-color:#f9f9f9; min-width:http://www.divcss5.com/html5/h54748.shtml?eqid=b5a4a28c005453dd00000006643136c4
5.欧亚精品卡一卡二卡三:深海猎鲨,制定食谱基于以上思路,我们为欧亚精品卡的持卡人精心制定了以下深海猎鲨美食菜单: 1、深海猎鲨刺身拼盘:将猎鲨肉质切成薄片,搭配各种时令蔬菜和水果,制作成色彩鲜艳、口感细腻的刺身拼盘。 2、深海猎鲨炖骨高汤:将猎鲨骨头熬成高汤,再加入各种时令食材和调料,制作成营养丰富的炖汤。 http://songxiaobao888.cn/17244.html
6.网站设计范文8篇(全文)1.考虑带宽的问题;由于国内网络传输技术还不能和美国等国家相比,因此,网站的文件量就是一个很大的问题了,因此,我们看到的国内的网站,大多还都是才采用HTML语言或者DREAMWERVER制作的,还有的直接用JAVA语言编写网站,很大程度上是为了减小文件量。 2.要考虑适应不同浏览器、不同分辨率的情况。目前我们经常用的浏览器https://www.99xueshu.com/w/fileubo908qr.html
7.古代食谱书最经典中国古代饮食文化的宝库古代食谱书最经典:探秘传统美食的源头 古代饮食文化的根基何在? 古代饮食文化是中华民族悠久历史的一部分,它不仅仅是一种生存方式,更是一种艺术和科学。古代人对饮食有着深刻的认识,他们留下了大量关于烹饪技艺和食品制作方法的文献,这些文献就是我们今天所说的“古代食谱书”。这些书籍记录了从农业起源到烹饪技术发展https://www.syxofiqq.cn/te-chan/245384.html
8.大学生网页设计制作作业实例代码(全网最全,建议收藏)HTML+CSS+JSHTML网页制作代码——简约的旅游图文相册博客HTML模板(12页)HTML+CSS+JavaScript 静态HTML旅行主题网页作业 点击查看? web网页设计—— 中国餐饮协会(HTML+CSS) 点击查看? web网页设计期末课程大作业 基于HTML+CSS+JavaScript响应式环保科技公司网站模板(环保主题网站设计) 点击查看? Web大学生网页作业成品——仿腾讯游戏http://zhangshiyu.com/post/51164.html
9.品味之旅如何在饭店中点出完美菜单最后,不妨留下一点空间去尝试那些可能不太熟悉但看起来很吸引人的小盘子,这样也许你会发现一个新的爱好,也是一次文化交流的一部分。此外,随着时代发展,不少高端酒店还推出了特别定制化服务,如根据顾客喜好定做特殊套餐。 标签:年夜饭十道菜寓意、一大串深夜美食名字、夏天请客菜谱、三文鱼、一星期不重样菜谱家常菜https://www.jxacmyfaf.cn/cai-pu/398852.html
10.二马路美食革新,科技引领味蕾盛宴,开启未来美食之旅摘要:二马路美食最新更新,科技重塑味蕾盛宴。这里的美食之旅带你领略未来美食的魅力,让你在品尝美食的同时,享受科技带来的便利和惊喜。体验一场科技与美食的完美结合,感受未来美食之旅的独特魅力。本文目录导读:1、智能菜单,http://ntbqly.com/post/59497.html
11.苏软软汆肉日常系统爆火背后:家庭美食新玩法揭秘!它就像一套“家庭美食魔法系统”,不但提供了全流程的料理指导,还让平平无奇的家常菜散发出新的魅力。更有趣的是,这个系统以“汆肉”为核心,围绕传统中式料理搭建了丰富的创意菜单,让用户在轻松掌握美食技巧的同时,享受到美味与成就感的双重喜悦。那么,这个系统究竟是如何做到的?让我们一探究竟。 http://www.daobaoku.com/dbk/5806437845.html
12.走进博物揭秘那些隐藏于民间的古老食品制作技艺但愿未来的某个时间,我们能看到那些从前的工作室重新焕发光彩,让每个人都能亲眼目睹那些珍贵记忆重新绽放出来,并且永远不会消逝。如果你想真正体验到这样的感觉,就应该尽快踏上旅程去寻找那些隐藏在民间古老食品制作技艺的地方吧! 简单家宴菜单6个菜、来西安必吃的十大美食、现在学什么小吃最火爆、烹饪https://www.smfnh865.cn/mei-shi-gong-lve/886033.html
13.html在线订餐模板美食餐饮行业烹饪在线订餐咖啡馆 通用的美食和餐厅在线网站模板 餐饮娱乐 Reservq是美食和餐厅HTML模板,采用最新的Bootstrap的强大功能精心制作,将尖端设计与无缝功能相结合。无论您是经营餐厅、咖啡馆还是任何与食品相关的业务,都可以用在线菜单吸引您的观众,实现 https://www.bootstrapmb.com/tag/zaixiandingcan
14.G20峰会国宴精选菜单图集全球领导人餐桌上的美食盛宴G20峰会国宴精选菜单图集(全球领导人餐桌上的美食盛宴) 是什么让这顿饭成为国际关注的焦点? 在国际舞台上,国家间的互动不仅仅局限于政治和经济层面,还常常体现在文化交流中。尤其是在像G20这样的重要会议上,国宴不仅是对外展示国家形象和文化魅力的机会,也是增进各方了解和友谊的平台。对于每一位参加国宴的领导人来https://www.fpowzggax.cn/tao-ci-ming-jia/219029.html
15.怎么做如何做好吃披萨的家常做法视频和由来美食天下时令菜单精选美食厨房热菜凉菜糕点汤煲厨电珍选美食导航菜谱我的菜谱我收藏的所有菜谱菜谱导航发布新菜谱标签: 冬季菜谱 夏季菜谱 披萨芷菲 发表于2010-12-03 10:50手机版|菜谱大全|排行榜|美食厨房|精选千道家常菜注册 登录 微博登录 QQ登录 更多更快速、更准确的菜谱搜索 【图文】披萨的做法大全,怎么做如何做好吃https://www.jinchutou.com/d-43165982.html
16.美食餐饮网站网页html模板html简单网页代码模板绿色家乡美食HTML5模板 绿色家乡美食HTML5模板是一款大气全站美食网站模板下载。 立即下载 上传者: weixin_38743506 时间: 2019-12-13 中国传统美食网页HTML代码 学生网页课程设计期末作业下载 美食大学生网页设计制作成品下载 DW餐饮美食网页作业代码下载 HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校https://www.iteye.com/resource/oBaiMei-13451720
17.肯德基超市打折菜单:物美价廉的美食盛宴打折信息肯德基作为全球著名的快餐连锁店,不仅以其美味的炸鸡闻名,还时常推出各种优惠活动,让消费者以实惠的价格享受美味佳肴。肯德基超市正是这样一个可以享受低价优惠的场所,今天就让我们来盘点一下肯德基超市打折菜单上的明星单品。 作为肯德基的招牌美食,吮指原味鸡以其外酥里嫩、香气扑鼻的口感深受消费者喜爱。在肯德基超市,https://www.cengka.cn/dazhe/20141.html
18.网页模板,网站模板免费下载,做网站首选模板无忧菜单导航图片特效文本链接层和布局页面背景表单按钮日期时间计算转换键盘鼠标浏览器游戏娱乐综合其它 jQuery特效Prototype代码Ajax/JavaScriptExtJSCSS特效在线编辑器MootoolsHTML特效代码广告代码合集 左侧可折叠在线客户代码 纵向的js相册效果 自适应宽度的标签导航 http://www.mb5u.com/
19.探秘“象”往之旅打开大象的“美食菜单”探秘“象”往之旅|打开大象的“美食菜单” 第三届大象国际传播论坛12月10日在云南西双版纳举办,全球各地的主流媒体和新闻机构代表、高校和研究机构专家学者、数字传媒行业代表等齐聚一堂,共同探讨国际传播新路径。 说起“大象”和“国际传播”,你是不是又想起三年前那群“北上南归”、吸引了全球目光的亚洲象“短鼻http://www.isenlin.cn/sf_3B2099DEEEB54527BB1884C6DCD7038A_209_A952252C215.html
20.探秘“象”往之旅打开大象的“美食菜单”第三届大象国际传播论坛举办之际,让我们一起回顾“北上南归”中的“名场面”,开启探秘“象”往之旅。本期让我们集中回顾“短鼻家族”的“吃播现场”,看看大象们的“美食菜单”里都有些什么好吃的。 【责任编辑:范芳钰】 本网原创 亚洲象原来已经用鼻子在和你传递信息了! 昆明这个夜市的商品挑到你眼花 探秘“http://www.yn.xinhuanet.com/20241210/dad84e6710fc417991ec13a683b6eb9a/c.html
21.探秘“象”往之旅打开大象的“美食菜单”第三届大象国际传播论坛举办之际,让我们一起回顾“北上南归”中的“名场面”,开启探秘“象”往之旅。本期让我们集中回顾“短鼻家族”的“吃播现场”,看看大象们的“美食菜单”里都有些什么好吃的。 【责任编辑:范芳钰】 本网原创 亚洲象原来已经用鼻子在和你传递信息了! 昆明这个夜市的商品挑到你眼花 探秘“http://www.yn.news.cn/20241210/dad84e6710fc417991ec13a683b6eb9a/c.html
22.正文卷第396章主厨菜单天才反派他妈靠美食在娃综杀疯了天才反派他妈靠美食在娃综杀疯了 最新章节正文卷 第396章 主厨菜单 http://www.ifzzw.com/353/353460/ 宋林点点头,正想夸赞南枝的勤奋精神呢。 ……等等! “今天的主厨菜单?你今天就要试菜?” 南枝想了想,淡定十足地回答: “应该可以直接上菜单吧,顺利的话,晚上就可以端上客人桌子了。” 宋林眼睛都瞪大http://www.ifzzw.com/353/353460/95618720.html
23.一张清代菜谱,透露出126年前连州的豪华美食从菜单上看,二十八道美食中,食材除了常见的鸡鸭鱼肉,也有田螺、山兔、芒鼠、野雀等寻常野味,即使是山猪、箭猪亦不算稀奇,为何百兽之王的老虎会成盘中餐? 根据连州县志记载 清末的战乱以及匪患频繁,大片田地荒芜,作为湘粤交界的连州,山高林密,皆丛莽黑荆,豺虎伏焉, 再加上山洪自然灾害等, 遂使虎患成为清代连州https://static.nfapp.southcn.com/content/201706/02/c459360.html
24.现代的美食餐厅网站html前端代码模板这是一个现代的美食餐厅网站html前端代码模板,简洁现代的设计风格,易于导入的图像和文本,有助于创建美食餐厅网站网页。模板包含:首页、关于我们、博客、菜单、餐厅https://www.25xt.com/sucai/58083.html
25.跟我一起开启环球影城冬季菜单#跨域年度创作计划# 跟我一起开启环球影城冬季菜单 -美食治愈一切,为大家记录了vlog 这个月,酒店基本都有活动,点灯,圣诞大餐,我在出差前还收拾了一下头发。 周末带娃去了环球影城莲花园餐厅,一年一度的自助晚餐双节限期回归!中西美食应有尽有,更为咱们带小朋友的https://k.sina.com.cn/article_1649408047_m624ff82f0330190u6.html
26.天津餐厅饭馆最新排名,科技引领味蕾盛宴,开启未来美食之旅天津的餐厅饭馆在科技的助力下,已经迈入了一个全新的时代,智能推荐系统、虚拟现实菜单、无人送餐机器人、智能点餐系统、智能预订与管理、实时评价与互动以及高科技烹饪设备,这些功能亮点将为您带来前所未有的用餐体验,让我们共同期待科技如何继续改变美食世界,激发科技爱好者的无限兴趣,在天津,让我们一起开启科技美食之http://www.lrcydesign.com/post/22455.html