python html5 bootstrap 视频教程
德云社区 门户 行业资讯 行业标准 IT 标准 查看内容

HTML5程序接口 元素 标签属性 事件属性 标签 控件 图表库

2015-4-10 22:08| 发布者: digitser| 查看: 2979| 评论: 0|原作者: Apple

摘要: HTML5程序接口 元素 标签属性 事件属性 标签 控件 图表库 HTML5是www万维网的核心语言、标准通用标记语言下的超文本标记语言(HTML)的第五次重大修改(W3C推荐标准)。 2014年10月29日万维网联盟宣布,经过近8年的 ...
AI人工智能 语音助理 人工翻译 教程

HTML5是www万维网的核心语言、标准通用标记语言下的超文本标记语言(HTML)的第五次重大修改(W3C推荐标准)。


2014年10月29日万维网联盟宣布,经过近8年的艰苦努力,HTML5标准规范终于制定完成。HTML5有望成为梦想的“开放Web平台”(Open Web Platform)的基石,如能实现可进一步推动更深入的跨平台Web应用。


接下来,W3C将致力于开发用于实时通信、电子支付、应用开发、等方面的标准规范,还会创建一系列隐私、安全防护措施。


W3C首席执行官Jeff Jaffe表示:“从今天起,企业用户可清楚地知道,他们能够在未来依赖HTML5。”HTML5是开放Web标准的基石,它是一个完整的编程环境,适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能、等等。


W3C曾在2012年透露,计划2016年底前发布HTML 5.1。


标准通用标记语言下的HTML标准自1999年12月24日发布HTML 4.01后,HTML5及其标准就被束之高阁。为推动Web标准化运动的发展,一些公司联合起来成立了一个叫做Web Hypertext Application Technology Working Group (Web超文本应用技术工作组,简称WHATWG)的组织。WHATWG致力于Web表单和应用程序,而W3C(World Wide Web Consortium 万维网联盟) 则专注于XHTML 2.0。2006年双方决定合作创建一个新版HTML。


2004年WHATWG提出名为Web Applications 1.0的HTML5草案前身,2007年被W3C接纳,并成立新HTML工作团队。


2008年01月22日公布HTML5的第一份正式草案于。此时,HTML5仍处于完善之中,然而,大部分现代浏览器都开始支持HTML5。


2012年12月17日万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已正式定稿。根据W3C的发言稿称:“HTML5是开放Web网络平台的奠基石。”


2013年05月06日HTML 5.1正式草案公布。该规范定义了HTML第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序作者,努力提高新元素的互操作性。本次草案的发布,从2012年12月27日至今,进行了多达近百项的修改,包括HTML和XHTML标签,相关API、Canvas、等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升。


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的浏览器,包括:Firefox(火狐浏览器)、IE9及其更高版本、Chrome(谷歌浏览器)、Safari、Opera、等;国内的遨游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器、等国产浏览器都支持HTML5。


HTML5在诞生之初,就树立了一个原则,那就是所有技术必须是开放的,不准有专利限制,在这期间Opera捐献了CSS技术,而Google则提供了视频格式WebM。可以说大部分HTML协议在众多网络技术公司中达成了共识,但在视频格式方面,世界各大互联网公司正在为具体标准进行争论,这可能影响HTML5标准的分流。纷争的两大阵营分别是Opera、火狐、Google 等,另一大阵营则由苹果公司领衔。MPEG阵营认为WebM格式是具有专利保护的,这违背了HTML5所有技术必须开放的原则。MPEG阵营则更多地是因为自身就在使用这种视频格式。


据统计:2013年全球有10亿手机浏览器支持HTML5,同时HTML Web开发者数量达到了200万。毫无疑问,HTML5将成为未来5-10年内,移动互联网领域的主宰者。据IDC的调查报告统计,截至2012年5月有79%的移动开发商已在其应有程序中整合HTML5技术。从性能角度来说,HTML5首先是缩减了HTML文档,使这件事情变得更简单。从用户可读性上看,原先一大堆东西对初学者来说,第一次看到这些东西是看不懂的,而HTML5的声明方式对用户来说显然更友好。


采用HTML5有以下一些优点:

01、提高可用性和改进用户的友好体验;


02、有几个新标签,有助于开发人员定义重要内容;


03、可给站点带来更多多媒体元素(视频和音频);


04、可很好的替代FLASH和Silverlight;


05、当涉及网站抓取和索引时,SEO很友好;


06、可大量应用于移动应用程序和游戏;


07、可移植性好。


许多游戏开发商都被Facebook或者Zynga推着发展,而未来的Facebook应用生态系统是基于HTML5的;尽管在HTML 5平台开发游戏有些困难,但游戏开发商却都愿意那样做。通过PhoneGap及appmobi的XDK将Web应用游戏打包整合到原生应用中也是一种方式,Facebook差不多就这么干的——基于Web应用及浏览器,却将之打包整合进原生应用。HTML5更适合轻量级小游戏。且HTML5在代码保密性方面并不弱于原生应用。为移动设备端开发HTML5应用,有2种方法:

01、全部使用HTML5语法

纯HTML5手机应用运行缓慢并错漏百出,但优化后,效果会好转。尽管很多人不愿去做这样的优化,但依然可以尝试。


HTML5手机应用的最大优势就是可在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试、运行,这是首先得解决的一个问题。由此,许多手机杂志客户端都是基于HTML5标准,开发人员可轻松调试、修改。


02、仅使用JavaScript引擎

JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂,已预订了一个UI工具包。


HTML5(text/html)浏览器在错误语法的处理上会更灵活。HTML5在设计时,保证旧浏览器能安全忽略掉新HTML5代码。与HTML 4.01相比,HTML5给出了解析的详细规则,力图让不同浏览器即使在发生语法错误时,也能返回相同结果。

011.jpg
程序接口

除原先的DOM接口外,HTML5还增加了一些API,譬如:

01、用于即时2D绘图的Canvas标签


02、定时媒体回放


03、离线数据库存储


04、文档编辑


05、拖拽控制


06、浏览历史管理


元素

1999年后HTML 4.01已改变了很多,今天,在HTML 4.01中的有几个元素已废弃,这些元素在HTML5中已被删除或重新定义。


为更好地处理今天的互联网应用,HTML5添加了很多新元素、新功能。譬如:图形绘制、多媒体内容、更好的页面结构、更好的处理形式、几个API拖放元素、定位、包括网页应用程序缓存、存储、网络工作者、等。


canvas
#
标签
描述
范例
备注
01<canvas>
标签可定义图形,譬如:图表及其他图像。该标签基于JavaScript的绘图API。
显示一个红色矩形:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
HTML5的canvas元素使用JavaScript可在网页上绘制图像。画布是一个矩形区域,您可控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符及添加图像方法。

多媒体
#
标签
描述
范例
备注
01<audio>
定义音频内容


02<video>
定义视频(video 或者 movie)


03<source>
定义多媒体资源 <video> 和 <audio>


04<embed>
定义嵌入的内容,比如插件。


05<track>
为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。



表单
#
标签
描述
范例
备注
01<datalist>
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。


02<keygen>
规定用于表单的密钥对生成器字段。


03<output>
定义不同类型的输出,比如脚本的输出。



语义、结构
#
标签
描述
范例
备注
01<article>
定义页面的侧边栏内容


02<aside>
定义页面内容之外的内容。


03<bdi>
允许您设置一段文本,使其脱离其父元素的文本方向设置。


04<command>
定义命令按钮,比如单选按钮、复选框或按钮


05<details>
用于描述文档或文档某个部分的细节


06<dialog>
定义对话框,比如提示框


07<summary>
标签包含 details 元素的标题


08<figure>
规定独立的流内容(图像、图表、照片、代码等等)。


09<figcaption>
定义 <figure> 元素的标题


10<footer>
定义 section 或 document 的页脚。


11<header>
定义了文档的头部区域


12<mark>
定义带有记号的文本。


13<meter>
定义度量衡。仅用于已知最大和最小值的度量。


14<nav>
定义运行中的进度(进程)。


15<progress>
定义任何类型的任务的进度。


16<ruby>
定义 ruby 注释(中文注音或字符)。


17<rt>
定义字符(中文注音或字符)的解释或发音。


18<rp>
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。


19<section>
定义文档中的节(section、区段)。


20<time>
定义日期或时间。


21<wbr>
规定在文本中的何处适合添加换行符。



已移除元素
#
标签
描述
范例
备注
01
<acronym>标记首字母缩写<acronym title="World Wide Web">WWW</acronym>HTML5不支持<acronym>标签。请用<abbr>标签代替。
02<applet>一个嵌入的 Java applet

<applet code="Bubbles.class" width="350" height="350">Java applet that draws animated bubbles.</applet>HTML5不支持<applet>标签。请用object元素标签代替。
03<basefont>规定页面上的默认字体颜色和字号<head><basefont color="red" size="5" /></head>
<body><h1>This is a header</h1></body>

04
<big><big> 标签呈现大号字体效果

05
<center>对其包围文本进行水平居中处理
HTML5不支持该标签。请用CSS代替。
06
<dir>定义目录列表<dir>
<li>HTML</li><li>XHTML</li><li>CSS</li>
</dir>
HTML 4.01中dir元素不赞成被使用。
07
<font>规定文本的字体、字体尺寸、字体颜色<font size="3" color="red">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
HTML 4.01 中font元素不赞成被使用。
08
<frame>定义frameset中的一个特定窗口(框架)

09
<frameset>定义一个框架集

10
<noframes>可为那些不支持框架的浏览器显示文本
noframes元素位于frameset元素内部。
11
<strike>定义加删除线文本定义

12
<tt>呈现类似打字机或等宽文本效果


12下一页

路过

雷人

握手

鲜花

鸡蛋

本文导航

相关阅读

最新评论

业务范围:

Linux 云计算 IaaS SaaS 服务器架设 开发 部署 维护

高仿真低成本,可动画 VR 5D 数字样机建模 开发 规划

内外部效率优化 APP 定制 IT 外包,数据管理 分析 挖据

标准 非标设备全流程研发,PLC 单片机 工控系统开发集成

微信智能互动营销策划,Web 网站代码 SEO 排名优化,大数据网络推广

文档 网页多语种翻译,数据资料标准化版本化 数字化管理的规划 研发 实施

跨平台 硬件 浏览器 HTML5 Web 电子商务平台 静态动态网站开发 部署 维护

Linux Windows 平台内外网 PLM ERP 数字化系统 服务器架设 开发 部署 维护
PySide1.2 2.x PyQt4 的 QComboBox.currentTextChanged 信号无响应解决办法
PySide1.2 2.x PyQt4 的 QComboBox.currentTextChanged 信号无响应解决办法 在 PySide1.2 PySide2.x PyQt4 中,使用 QComboBox.currentTextChanged 信号有时会无响应,如下[21/2020-06-29]
OpenCV 4.x 官方文档编制 中文教程 全人工翻译 中文在线手册
OpenCV 4.x 官方文档编制 中文教程 全人工翻译 中文在线手册 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 OpenCV 4.2.0。 OpenCV 4.2.0 [71/2020-06-15]
OpenCV 4.x 官方文档编制 中文教程 全人工翻译 更新日志
OpenCV 4.x 官方文档编制 中文教程 全人工翻译 更新日志 最近把网页背景由白色改为黑色,保护视力,不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本[27/2020-06-15]
CMake 3.x 官方文档编制 中文手册 全人工翻译 更新日志
CMake 3.x 官方文档编制 中文手册 全人工翻译 更新日志 最近把网页背景由白色改为黑色,保护视力,不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为[23/2020-06-15]
CMake 3.x 官方文档编制 中文教程 全人工翻译 中文在线手册
CMake 3.x 官方文档编制 中文教程 全人工翻译 中文在线手册 以后不再上传 en-US 官方原版文档编制,目前上传的最新 zh-CN 人工翻译版本为 CMake 3.14。 CMake 3.14 中文文[27/2020-06-15]
多功能 高效快速 批处理式 文档翻译工具 人工翻译 手动翻译
多功能 高效快速 批处理式 文档翻译工具 人工翻译 手动翻译 文档翻译及 GUI 翻译,经常需要反复修改及快速重建。若想满足这些要求,批处理技术是最佳选择。 软件开发人员在[30/2020-06-15]
OpenCV ── 以图像处理 算法为主的跨平台开源计算机视觉库
OpenCV ── 以图像处理 算法为主的跨平台开源计算机视觉库 OpenCV 的全称 Open Source Computer Vision Library,又名 “开源计算机视觉库”。OpenCV 是一个开源发行的跨[56/2020-06-15]
数字 IDE -- 全栈软件工程师编程 多功能高效 批处理式 IDE
数字 IDE -- 全栈软件工程师编程 多功能高效 批处理式 IDE 由于所有编程语言,源代码的主要表达形式仍是文本。 而文本在数字化 批处理化方面天然优势明显,如标准统一 (虽[26/2020-06-06]
多功能高效 批处理式 Python IDE Python 编辑器 新时代新理念
多功能高效 批处理式 Python IDE Python 编辑器 新时代新理念 计算机被发明以来,IDE 理念从最初的文本式,到后来的带图形界面式,再是图形可交互式,之后再无突破 (虽然有[106/2020-06-06]
CEO首席执行官 CFO首席财务官 COO首席运营官 CTO首席技术官
CEO首席执行官 CFO首席财务官 COO首席运营官 CTO首席技术官 CEO首席执行官 CEO 是 Chief Executive Officer 的缩写,中文译为首席执行官。 CEO 是在一个企业中负责日常事[58/2020-06-04]

Archiver|Sitemap|小黑屋|德云社区   

GMT+8, 2020-7-11 03:10 , Processed in 0.034298 second(s), 44 queries .

工业和信息化部: 粤ICP备14079481号-2

技术支持 乐数软件     版权所有 © 2014-2021 德云社区    

返回顶部