HTML参考手册
来源:互联网 发布:unity3d 角色模型下载 编辑:程序博客网 时间:2024/05/17 03:36
最近公司的APP需要更换,领导要求APP里的页面全用web view显示,因为需要显示的内容是关于大赛的内容,需要经常更换页面,相对于传统的原生APP,使用web view就方便很多。通过比较,还是使用Ionic来开发新的APP(iOS+Android),省时省力。本来以为挺简单的东西,结果到它的官网一看http://www.ionic.io,不会用,那只能先学习一下,到中文网址看教程学习http://www.ionic.wang。但是我只会OC和一点C语言,只能从最基础学习,HTML CSS JavaScript angularjs都是需要懂的。下面就开始学习HTML学习之旅。
对于没接触过HTML的我来说,HTML需要记的东西太多了,我是通过菜鸟教程来学习HTML的基础的http://www.runoob.com。
HTML的参考手册(HTML5标准)如下:(来源菜鸟教程)
按字母顺序排列
New : HTML5新标签
功能排序
New : HTML5 新标签
HTML 全局属性
New : HTML5 新属性。
窗口事件属性(Window Event Attributes)
由窗口触发该事件 (适用于 <body> 标签):
表单事件(Form Events)
表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
键盘事件(Keyboard Events)
鼠标事件(Mouse Events)
通过鼠标触发事件, 类似用户的行为:
多媒体事件(Media Events)
通过视频(videos),图像(images)或者音频(audio) 触发该事件,多应用于HTML媒体元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
其他事件
canvas描述
HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。
不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。
getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。
本手册提供完整的 getContext("2d") 对象的属性和方法,可用于在画布上绘制文本、线条、矩形、圆形等等。
浏览器支持
Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 <canvas> 标签的属性及方法。
注意:Internet Explorer 8 及更早的IE版本不支持 <canvas> 元素。
颜色、样式和阴影
线条样式
矩形
路径
转换
文本
图像绘制
像素操作
合成
其他
HTML 音频/视频 DOM 参考手册
HTML 音频/视频 DOM 参考手册
HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。
这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。
HTML 音频/视频 方法方法 描述 addTextTrack()向音频/视频添加新的文本轨道。canPlayType()检测浏览器是否能播放指定的音频/视频类型。load()重新加载音频/视频元素。play()开始播放音频/视频。pause()暂停当前播放的音频/视频。HTML 音频/视频属性属性 描述 audioTracks返回表示可用音频轨道的 AudioTrackList 对象。autoplay设置或返回是否在加载完成后随即播放音频/视频。buffered返回表示音频/视频已缓冲部分的 TimeRanges 对象。controller返回表示音频/视频当前媒体控制器的 MediaController 对象。controls设置或返回音频/视频是否显示控件(比如播放/暂停等)。crossOrigin设置或返回音频/视频的 CORS 设置。currentSrc返回当前音频/视频的 URL。currentTime设置或返回音频/视频中的当前播放位置(以秒计)。defaultMuted设置或返回音频/视频默认是否静音。defaultPlaybackRate设置或返回音频/视频的默认播放速度。duration返回当前音频/视频的长度(以秒计)。ended返回音频/视频的播放是否已结束。error返回表示音频/视频错误状态的 MediaError 对象。loop设置或返回音频/视频是否应在结束时重新播放。mediaGroup设置或返回音频/视频所属的组合(用于连接多个音频/视频元素)。muted设置或返回音频/视频是否静音。networkState返回音频/视频的当前网络状态。paused设置或返回音频/视频是否暂停。playbackRate设置或返回音频/视频播放的速度。played返回表示音频/视频已播放部分的 TimeRanges 对象。preload设置或返回音频/视频是否应该在页面加载后进行加载。readyState返回音频/视频当前的就绪状态。seekable返回表示音频/视频可寻址部分的 TimeRanges 对象。seeking返回用户是否正在音频/视频中进行查找。src设置或返回音频/视频元素的当前来源。startDate返回表示当前时间偏移的 Date 对象。textTracks返回表示可用文本轨道的 TextTrackList 对象。videoTracks返回表示可用视频轨道的 VideoTrackList 对象。volume设置或返回音频/视频的音量。HTML 音频/视频事件事件 描述 abort当音频/视频的加载已放弃时触发。canplay当浏览器可以开始播放音频/视频时触发。canplaythrough当浏览器可在不因缓冲而停顿的情况下进行播放时触发。durationchange当音频/视频的时长已更改时触发。emptied当目前的播放列表为空时触发。ended当目前的播放列表已结束时触发。error当在音频/视频加载期间发生错误时触发。loadeddata当浏览器已加载音频/视频的当前帧时触发。loadedmetadata当浏览器已加载音频/视频的元数据时触发。loadstart当浏览器开始查找音频/视频时触发。pause当音频/视频已暂停时触发。play当音频/视频已开始或不再暂停时触发。playing当音频/视频在因缓冲而暂停或停止后已就绪时触发。progress当浏览器正在下载音频/视频时触发。ratechange当音频/视频的播放速度已更改时触发。seeked当用户已移动/跳跃到音频/视频中的新位置时触发。seeking当用户开始移动/跳跃到音频/视频中的新位置时触发。stalled当浏览器尝试获取媒体数据,但数据不可用时触发。suspend当浏览器刻意不获取媒体数据时触发。timeupdate当目前的播放位置已更改时触发。volumechange当音量已更改时触发。waiting当视频由于需要缓冲下一帧而停止时触发。
HTML 元素和有效 DOCTYPES
HTML 元素 - 有效 DOCTYPES
下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素,以及它们会出现在什么文档类型 (!DOCTYPE) 中: HTML 4.01 / XHTML 1.0 Tag HTML5 Transitional Strict Frameset XHTML 1.1 <a>YesYesYesYesYes<abbr>YesYesYesYesYes<acronym>NoYesYesYesYes<address>YesYesYesYesYes<applet>NoYesNoYesNo<area>YesYesYesYesNo<article>YesNoNoNoNo<aside>YesNoNoNoNo<audio>YesNoNoNoNo<b>YesYesYesYesYes<base>YesYesYesYesYes<basefont>NoYesNoYesNo<bdi>YesNoNoNoNo<bdo>YesYesYesYesNo<big>NoYesYesYesYes<blockquote>YesYesYesYesYes<body>YesYesYesYesYes<br>YesYesYesYesYes<button>YesYesYesYesYes<canvas>YesNoNoNoNo<caption>YesYesYesYesYes<center>NoYesNoYesNo<cite>YesYesYesYesYes<code>YesYesYesYesYes<col>YesYesYesYesNo<colgroup>YesYesYesYesNo<command>YesNoNoNoNo<datalist>YesNoNoNoNo<dd>YesYesYesYesYes<del>YesYesYesYesNo<details>YesNoNoNoNo<dfn>YesYesYesYesYes<dir>NoYesNoYesNo<div>YesYesYesYesYes<dl>YesYesYesYesYes<dt>YesYesYesYesYes<em>YesYesYesYesYes<embed>YesNoNoNoNo<fieldset>YesYesYesYesYes<figcaption>YesNoNoNoNo<figure>YesNoNoNoNo<font>NoYesNoYesNo<footer>YesNoNoNoNo<form>YesYesYesYesYes<frame>NoNoNoYesNo<frameset>NoNoNoYesNo<h1> to <h6>YesYesYesYesYes<head>YesYesYesYesYes<header>YesNoNoNoNo<hgroup>YesNoNoNoNo<hr>YesYesYesYesYes<html>YesYesYesYesYes<i>YesYesYesYesYes<iframe>YesYesNoYesNo<img>YesYesYesYesYes<input>YesYesYesYesYes<ins>YesYesYesYesNo<kbd>YesYesYesYesYes<keygen>YesNoNoNoNo<label>YesYesYesYesYes<legend>YesYesYesYesYes<li>YesYesYesYesYes<link>YesYesYesYesYes<map>YesYesYesYesNo<mark>YesNoNoNoNo<menu>YesYesNoYesNo<meta>YesYesYesYesYes<meter>YesNoNoNoNo<nav>YesNoNoNoNo<noframes>NoYesNoYesNo<noscript>YesYesYesYesYes<object>YesYesYesYesYes<ol>YesYesYesYesYes<optgroup>YesYesYesYesYes<option>YesYesYesYesYes<output>YesNoNoNoNo<p>YesYesYesYesYes<param>YesYesYesYesYes<pre>YesYesYesYesYes<progress>YesNoNoNoNo<q>YesYesYesYesYes<rp>YesNoNoNoNo<rt>YesNoNoNoNo<ruby>YesNoNoNoNo<s>YesYesNoYesNo<samp>YesYesYesYesYes<script>YesYesYesYesYes<section>YesNoNoNoNo<select>YesYesYesYesYes<small>YesYesYesYesYes<source>YesNoNoNoNo<span>YesYesYesYesYes<strike>NoYesNoYesNo<strong>YesYesYesYesYes<style>YesYesYesYesYes<sub>YesYesYesYesYes<summary>YesNoNoNoNo<sup>YesYesYesYesYes<table>YesYesYesYesYes<tbody>YesYesYesYesNo<td>YesYesYesYesYes<textarea>YesYesYesYesYes<tfoot>YesYesYesYesNo<th>YesYesYesYesYes<thead>YesYesYesYesNo<time>YesNoNoNoNo<title>YesYesYesYesYes<tr>YesYesYesYesYes<track>YesNoNoNoNo<tt>NoYesYesYesYes<u>NoYesNoYesNo<ul>YesYesYesYesYes<var>YesYesYesYesYes<video>YesNoNoNoNo<wbr>YesNoNoNoNo
HTML 颜色名
目前所有浏览器都支持以下颜色名。
141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。
提示: 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。点击其中一个颜色名称(或一个十六进制值)就可以查看与不同文字颜色搭配的背景颜色。:
按颜色名排序
按十六进制的值排序
单击一个颜色名或者 16 进制值,就可以查看与不同文字颜色搭配的背景颜色。
HTML 拾色器
选取颜色:
或输入颜色值:
选择的颜色:
黑色文本
阴影
白色文本
阴影
淡 / 暗:
100% #ffffff95% #ffe5e590% #ffcccc85% #ffb3b380% #ff999975% #ff808070% #ff666665% #ff4d4d60% #ff333355% #ff1a1a 50%#ff0000 45% #e6000040% #cc000035% #b3000030% #99000025% #80000020% #66000015% #4d000010% #3300005% #1a00000% #000000
Hue
HSL Saturation
HSL 淡 / 暗
HSV Saturation
HSV 亮 / 暗
RGB (Red, Green, Blue)
HTML 字符集
HTML 字符集
如需正确地显示 HTML 页面,浏览器必须知道使用何种字符集。
万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字,大写和小写英文字母表,以及一些特殊字符。
完整的 ASCII 参考手册。
由于很多国家使用的字符并不属于 ASCII,现代浏览器的默认字符集是 ISO-8859-1。
完整的 ISO-8859-1 参考手册。
如果网页使用不同于 ISO-8859-1 的字符集,就应该在 <meta> 标签进行指定。
尝试一下
ISO 字符集
ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。
下面列出了世界各地使用的不同字符集:字符集 描述 使用范围 ISO-8859-1Latin alphabet part 1北美、西欧、拉丁美洲、加勒比海、加拿大、非洲ISO-8859-2Latin alphabet part 2东欧ISO-8859-3Latin alphabet part 3SE Europe、世界语、其他杂项ISO-8859-4Latin alphabet part 4斯堪的纳维亚/波罗的海(以及其他没有包括在 ISO-8859-1 中的部分)ISO-8859-5Latin/Cyrillic part 5使用古代斯拉夫语字母表的语言,比如保加利亚语、白俄罗斯文、俄罗斯语、马其顿语ISO-8859-6Latin/Arabic part 6使用阿拉伯字母的语言ISO-8859-7Latin/Greek part 7现代希腊语,以及由希腊语衍生的数学符号ISO-8859-8Latin/Hebrew part 8使用希伯来语的语言ISO-8859-9Latin 5 part 9土耳其语。除了土耳其字符取代了冰岛文字,其它与 ISO-8859-1 相同。ISO-8859-10Latin 6拉普兰语、日耳曼语、爱斯基摩北欧语ISO-8859-15Latin 9 (aka Latin 0)与 ISO 8859-1 类似,欧元符号和其他一些字符取代了一些较少使用的符号ISO-2022-JPLatin/Japanese part 1日本语ISO-2022-JP-2Latin/Japanese part 2日本语ISO-2022-KRLatin/Korean part 1韩语
Unicode 标准
由于上面列出的字符集都有容量限制,而且不兼容多语言环境,Unicode 联盟开发了 Unicode 标准。
Unicode 标准涵盖了世界上的所有字符、标点和符号。
不论是何种平台、程序或语言,Unicode 都能够进行文本数据的处理、存储和交换。
Unicode 联盟
Unicode 联盟开发了 Unicode 标准。他们的目标是用标准的 Unicode 转换格式 (UTF) 来取代现有的字符集。
Unicode 标准已经获得了成功,在 XML、Java、ECMAScript (JavaScript)、LDAP、CORBA 3.0、WML 中,Unicode 已经得到了实现。在许多操作系统以及所有的现代浏览器中,Unicode 同样得到了支持。
Unicode 联盟与领导性的标准发展组织进行合作,比如 ISO、W3C 以及 ECMA。
Unicode 可以被不同的字符集兼容。最常用的编码方式是 UTF-8 和 UTF-16:字符集 描述 UTF-8UTF8 中的字符可以是 1-4 个字节长。UTF-8 可以表示 Unicode 标准中的任意字符。UTF-8 向后兼容 ASCII。UTF-8 是网页和电子邮件的首选编码。UTF-1616 比特的 Unicode 转换格式是一种 Unicode 可变字符编码,能够对全部 Unicode 指令表进行编码。UTF-16 主要被用于操作系统和环境中,比如微软的 Windows 2000/XP/2003/Vista/CE 以及 Java 和 .NET 字节代码环境。提示: 最前面的 256 个 Unicode 字符集字符对应于 256 个 ISO-8859-1 字符。
提示: 所有 HTML 4 处理器均已支持 UTF-8,而所有 XHTML 和 XML 处理器支持 UTF-8 和 UTF-16!
HTML 字符集
HTML 字符集
如需正确地显示 HTML 页面,浏览器必须知道使用何种字符集。
万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字,大写和小写英文字母表,以及一些特殊字符。
完整的 ASCII 参考手册。
由于很多国家使用的字符并不属于 ASCII,现代浏览器的默认字符集是 ISO-8859-1。
完整的 ISO-8859-1 参考手册。
如果网页使用不同于 ISO-8859-1 的字符集,就应该在 <meta> 标签进行指定。
尝试一下
ISO 字符集
ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。
下面列出了世界各地使用的不同字符集:
Unicode 标准
由于上面列出的字符集都有容量限制,而且不兼容多语言环境,Unicode 联盟开发了 Unicode 标准。
Unicode 标准涵盖了世界上的所有字符、标点和符号。
不论是何种平台、程序或语言,Unicode 都能够进行文本数据的处理、存储和交换。
Unicode 联盟
Unicode 联盟开发了 Unicode 标准。他们的目标是用标准的 Unicode 转换格式 (UTF) 来取代现有的字符集。
Unicode 标准已经获得了成功,在 XML、Java、ECMAScript (JavaScript)、LDAP、CORBA 3.0、WML 中,Unicode 已经得到了实现。在许多操作系统以及所有的现代浏览器中,Unicode 同样得到了支持。
Unicode 联盟与领导性的标准发展组织进行合作,比如 ISO、W3C 以及 ECMA。
Unicode 可以被不同的字符集兼容。最常用的编码方式是 UTF-8 和 UTF-16:
提示: 所有 HTML 4 处理器均已支持 UTF-8,而所有 XHTML 和 XML 处理器支持 UTF-8 和 UTF-16!
- HTML 参考手册
- HTML参考手册
- HTML 参考手册
- HTML 参考手册
- HTML 参考手册
- HTML参考手册
- HTML 参考手册
- HTML 参考手册
- HTML参考手册
- HTML标记参考手册
- HTML标记参考手册
- HTML标记参考手册
- HTML标记参考手册
- HTML标记参考手册
- HTML标记参考手册
- HTML标记参考手册
- HTML标记参考手册
- HTML标记参考手册
- android应用程序的入口
- Win7远程控制fedora ——通过xrdp
- 对四大浏览器内核的了解
- 【Android UI】自定义圆形SeekBar和自定义Dialog的结合使用
- 线程中断 thread.interrupt()的用法
- HTML参考手册
- java异常处理,目前还是不懂,问题先留在这里,以后再解决
- mangoBD地理位置索引JAVA实战
- 多态和虚函数
- JVM调优总结 -Xms -Xmx -Xmn -Xss
- 逻辑精简?解决Integer空串的问题
- 信号量、互斥体和自旋锁
- iOS CocoaPods之 Pods 制作(新版方式)
- 安凯AK3918E加载mtk7601驱动不能ifconfig wlan0 down