• html 标签


    标签描述
    <!--...--> 定义注释。
    <!DOCTYPE>  定义文档类型。
    <a> 定义锚。
    <abbr> 定义缩写。
    <acronym> 定义只取首字母的缩写。
    <address> 定义文档作者或拥有者的联系信息。
    <applet> 不赞成使用。定义嵌入的 applet。
    <area> 定义图像映射内部的区域。
    <article> 定义文章。
    <aside> 定义页面内容之外的内容。
    <audio> 定义声音内容。
    <b> 定义粗体字。
    <base> 定义页面中所有链接的默认地址或默认目标。
    <basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
    <bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。
    <bdo> 定义文字方向。
    <big> 定义大号文本。
    <blockquote> 定义长的引用。
    <body> 定义文档的主体。
    <br> 定义简单的折行。
    <button> 定义按钮 (push button)。
    <canvas> 定义图形。
    <caption> 定义表格标题。
    <center> 不赞成使用。定义居中文本。
    <cite> 定义引用(citation)。
    <code> 定义计算机代码文本。
    <col> 定义表格中一个或多个列的属性值。
    <colgroup> 定义表格中供格式化的列组。
    <command> 定义命令按钮。
    <datalist> 定义下拉列表。
    <dd> 定义定义列表中项目的描述。
    <del> 定义被删除文本。
    <details> 定义元素的细节。
    <dir> 不赞成使用。定义目录列表。
    <div> 定义文档中的节。
    <dfn> 定义定义项目。
    <dialog> 定义对话框或窗口。
    <dl> 定义定义列表。
    <dt> 定义定义列表中的项目。
    <em> 定义强调文本。
    <embed> 定义外部交互内容或插件。
    <fieldset> 定义围绕表单中元素的边框。
    <figcaption> 定义 figure 元素的标题。
    <figure> 定义媒介内容的分组,以及它们的标题。
    <font> 不赞成使用。定义文字的字体、尺寸和颜色。
    <footer> 定义 section 或 page 的页脚。
    <form> 定义供用户输入的 HTML 表单。
    <frame> 定义框架集的窗口或框架。
    <frameset> 定义框架集。
    <h1> to <h6> 定义 HTML 标题。
    <head> 定义关于文档的信息。
    <header> 定义 section 或 page 的页眉。
    <hr> 定义水平线。
    <html> 定义 HTML 文档。
    <i> 定义斜体字。
    <iframe> 定义内联框架。
    <img> 定义图像。
    <input> 定义输入控件。
    <ins> 定义被插入文本。
    <isindex> 不赞成使用。定义与文档相关的可搜索索引。
    <kbd> 定义键盘文本。
    <keygen> 定义生成密钥。
    <label> 定义 input 元素的标注。
    <legend> 定义 fieldset 元素的标题。
    <li> 定义列表的项目。
    <link> 定义文档与外部资源的关系。
    <map> 定义图像映射。
    <mark> 定义有记号的文本。
    <menu> 定义命令的列表或菜单。
    <menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。
    <meta> 定义关于 HTML 文档的元信息。
    <meter> 定义预定义范围内的度量。
    <nav> 定义导航链接。
    <noframes> 定义针对不支持框架的用户的替代内容。
    <noscript> 定义针对不支持客户端脚本的用户的替代内容。
    <object> 定义内嵌对象。
    <ol> 定义有序列表。
    <optgroup> 定义选择列表中相关选项的组合。
    <option> 定义选择列表中的选项。
    <output> 定义输出的一些类型。
    <p> 定义段落。
    <param> 定义对象的参数。
    <pre> 定义预格式文本。
    <progress> 定义任何类型的任务的进度。
    <q> 定义短的引用。
    <rp> 定义若浏览器不支持 ruby 元素显示的内容。
    <rt> 定义 ruby 注释的解释。
    <ruby> 定义 ruby 注释。
    <s> 不赞成使用。定义加删除线的文本。
    <samp> 定义计算机代码样本。
    <script> 定义客户端脚本。
    <section> 定义 section。
    <select> 定义选择列表(下拉列表)。
    <small> 定义小号文本。
    <source> 定义媒介源。
    <span> 定义文档中的节。
    <strike> 不赞成使用。定义加删除线文本。
    <strong> 定义强调文本。
    <style> 定义文档的样式信息。
    <sub> 定义下标文本。
    <summary> 为 <details> 元素定义可见的标题。
    <sup> 定义上标文本。
    <table> 定义表格。
    <tbody> 定义表格中的主体内容。
    <td> 定义表格中的单元。
    <textarea> 定义多行的文本输入控件。
    <tfoot> 定义表格中的表注内容(脚注)。
    <th> 定义表格中的表头单元格。
    <thead> 定义表格中的表头内容。
    <time> 定义日期/时间。
    <title> 定义文档的标题。
    <tr> 定义表格中的行。
    <track> 定义用在媒体播放器中的文本轨道。
    <tt> 定义打字机文本。
    <u> 不赞成使用。定义下划线文本。
    <ul> 定义无序列表。
    <var> 定义文本的变量部分。
    <video> 定义视频。
    <wbr> 定义可能的换行符。
    <xmp> 不赞成使用。定义预格式文本。

    基础

    标签描述
    <!DOCTYPE>  定义文档类型。
    <html> 定义 HTML 文档。
    <title> 定义文档的标题。
    <body> 定义文档的主体。
    <h1> to <h6> 定义 HTML 标题。
    <p> 定义段落。
    <br> 定义简单的折行。
    <hr> 定义水平线。
    <!--...--> 定义注释。

    格式

    标签描述
    <acronym> 定义只取首字母的缩写。
    <abbr> 定义缩写。
    <address> 定义文档作者或拥有者的联系信息。
    <b> 定义粗体文本。
    <bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。
    <bdo> 定义文字方向。
    <big> 定义大号文本。
    <blockquote> 定义长的引用。
    <center> 不赞成使用。定义居中文本。
    <cite> 定义引用(citation)。
    <code> 定义计算机代码文本。
    <del> 定义被删除文本。
    <dfn> 定义定义项目。
    <em> 定义强调文本。
    <font> 不赞成使用。定义文本的字体、尺寸和颜色
    <i> 定义斜体文本。
    <ins> 定义被插入文本。
    <kbd> 定义键盘文本。
    <mark> 定义有记号的文本。
    <meter> 定义预定义范围内的度量。
    <pre> 定义预格式文本。
    <progress> 定义任何类型的任务的进度。
    <q> 定义短的引用。
    <rp> 定义若浏览器不支持 ruby 元素显示的内容。
    <rt> 定义 ruby 注释的解释。
    <ruby> 定义 ruby 注释。
    <s> 不赞成使用。定义加删除线的文本。
    <samp> 定义计算机代码样本。
    <small> 定义小号文本。
    <strike> 不赞成使用。定义加删除线文本。
    <strong> 定义语气更为强烈的强调文本。
    <sup> 定义上标文本。
    <sub> 定义下标文本。
    <time> 定义日期/时间。
    <tt> 定义打字机文本。
    <u> 不赞成使用。定义下划线文本。
    <var> 定义文本的变量部分。
    <wbr> 定义可能的换行符。

    表单

    标签描述
    <form> 定义供用户输入的 HTML 表单。
    <input> 定义输入控件。
    <textarea> 定义多行的文本输入控件。
    <button> 定义按钮。
    <select> 定义选择列表(下拉列表)。
    <optgroup> 定义选择列表中相关选项的组合。
    <option> 定义选择列表中的选项。
    <label> 定义 input 元素的标注。
    <fieldset> 定义围绕表单中元素的边框。
    <legend> 定义 fieldset 元素的标题。
    <isindex> 不赞成使用。定义与文档相关的可搜索索引。
    <datalist> 定义下拉列表。
    <keygen> 定义生成密钥。
    <output> 定义输出的一些类型。

    框架

    标签描述
    <frame> 定义框架集的窗口或框架。
    <frameset> 定义框架集。
    <noframes> 定义针对不支持框架的用户的替代内容。
    <iframe> 定义内联框架。

    图像

    标签描述
    <img> 定义图像。
    <map> 定义图像映射。
    <area> 定义图像地图内部的区域。
    <canvas> 定义图形。
    <figcaption> 定义 figure 元素的标题。
    <figure> 定义媒介内容的分组,以及它们的标题。

    音频/视频

    标签描述
    <audio> 定义声音内容。
    <source> 定义媒介源。
    <track> 定义用在媒体播放器中的文本轨道。
    <video> 定义视频。

    链接

    标签描述
    <a> 定义锚。
    <link> 定义文档与外部资源的关系。
    <nav> 定义导航链接。

    列表

    标签描述
    <ul> 定义无序列表。
    <ol> 定义有序列表。
    <li> 定义列表的项目。
    <dir> 不赞成使用。定义目录列表。
    <dl> 定义定义列表。
    <dt> 定义定义列表中的项目。
    <dd> 定义定义列表中项目的描述。
    <menu> 定义命令的菜单/列表。
    <menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。
    <command> 定义命令按钮。

    表格

    标签描述
    <table> 定义表格
    <caption> 定义表格标题。
    <th> 定义表格中的表头单元格。
    <tr> 定义表格中的行。
    <td> 定义表格中的单元。
    <thead> 定义表格中的表头内容。
    <tbody> 定义表格中的主体内容。
    <tfoot> 定义表格中的表注内容(脚注)。
    <col> 定义表格中一个或多个列的属性值。
    <colgroup> 定义表格中供格式化的列组。

    样式/节

    标签描述
    <style> 定义文档的样式信息。
    <div> 定义文档中的节。
    <span> 定义文档中的节。
    <header> 定义 section 或 page 的页眉。
    <footer> 定义 section 或 page 的页脚。
    <section> 定义 section。
    <article> 定义文章。
    <aside> 定义页面内容之外的内容。
    <details> 定义元素的细节。
    <dialog> 定义对话框或窗口。
    <summary> 为 <details> 元素定义可见的标题。

    元信息

    标签描述
    <head> 定义关于文档的信息。
    <meta> 定义关于 HTML 文档的元信息。
    <base> 定义页面中所有链接的默认地址或默认目标。
    <basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

    编程

    标签描述
    <script> 定义客户端脚本。
    <noscript> 定义针对不支持客户端脚本的用户的替代内容。
    <applet> 不赞成使用。定义嵌入的 applet。
    <embed> 为外部应用程序(非 HTML)定义容器。
    <object> 定义嵌入的对象。
    <param> 定义对象的参数。
    属性描述
    accesskey 规定激活元素的快捷键。
    class 规定元素的一个或多个类名(引用样式表中的类)。
    contenteditable 规定元素内容是否可编辑。
    contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
    data-* 用于存储页面或应用程序的私有定制数据。
    dir 规定元素中内容的文本方向。
    draggable 规定元素是否可拖动。
    dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接。
    hidden 规定元素仍未或不再相关。
    id 规定元素的唯一 id。
    lang 规定元素内容的语言。
    spellcheck 规定是否对元素进行拼写和语法检查。
    style 规定元素的行内 CSS 样式。
    tabindex 规定元素的 tab 键次序。
    title 规定有关元素的额外信息。
    translate 规定是否应该翻译元素内容。

    全局事件属性

    HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript。

    如需学习更多有关事件编程的知识,请访问我们的 JavaScript 教程。

    下面列出了添加到 HTML 元素以定义事件动作的全局事件属性。

    = HTML5 中新的事件属性。

    Window 事件属性

    针对 window 对象触发的事件(应用到 <body> 标签):

    属性描述
    onafterprint script 文档打印之后运行的脚本。
    onbeforeprint script 文档打印之前运行的脚本。
    onbeforeunload script 文档卸载之前运行的脚本。
    onerror script 在错误发生时运行的脚本。
    onhaschange script 当文档已改变时运行的脚本。
    onload script 页面结束加载之后触发。
    onmessage script 在消息被触发时运行的脚本。
    onoffline script 当文档离线时运行的脚本。
    ononline script 当文档上线时运行的脚本。
    onpagehide script 当窗口隐藏时运行的脚本。
    onpageshow script 当窗口成为可见时运行的脚本。
    onpopstate script 当窗口历史记录改变时运行的脚本。
    onredo script 当文档执行撤销(redo)时运行的脚本。
    onresize script 当浏览器窗口被调整大小时触发。
    onstorage script 在 Web Storage 区域更新后运行的脚本。
    onundo script 在文档执行 undo 时运行的脚本。
    onunload script 一旦页面已下载时触发(或者浏览器窗口已被关闭)。

    Form 事件

    由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):

    属性描述
    onblur script 元素失去焦点时运行的脚本。
    onchange script 在元素值被改变时运行的脚本。
    oncontextmenu script 当上下文菜单被触发时运行的脚本。
    onfocus script 当元素获得焦点时运行的脚本。
    onformchange script 在表单改变时运行的脚本。
    onforminput script 当表单获得用户输入时运行的脚本。
    oninput script 当元素获得用户输入时运行的脚本。
    oninvalid script 当元素无效时运行的脚本。
    onreset script 当表单中的重置按钮被点击时触发。HTML5 中不支持。
    onselect script 在元素中文本被选中后触发。
    onsubmit script 在提交表单时触发。

    Keyboard 事件

    属性描述
    onkeydown script 在用户按下按键时触发。
    onkeypress script 在用户敲击按钮时触发。
    onkeyup script 当用户释放按键时触发。

    Mouse 事件

    由鼠标或类似用户动作触发的事件:

    属性描述
    onclick script 元素上发生鼠标点击时触发。
    ondblclick script 元素上发生鼠标双击时触发。
    ondrag script 元素被拖动时运行的脚本。
    ondragend script 在拖动操作末端运行的脚本。
    ondragenter script 当元素元素已被拖动到有效拖放区域时运行的脚本。
    ondragleave script 当元素离开有效拖放目标时运行的脚本。
    ondragover script 当元素在有效拖放目标上正在被拖动时运行的脚本。
    ondragstart script 在拖动操作开端运行的脚本。
    ondrop script 当被拖元素正在被拖放时运行的脚本。
    onmousedown script 当元素上按下鼠标按钮时触发。
    onmousemove script 当鼠标指针移动到元素上时触发。
    onmouseout script 当鼠标指针移出元素时触发。
    onmouseover script 当鼠标指针移动到元素上时触发。
    onmouseup script 当在元素上释放鼠标按钮时触发。
    onmousewheel script 当鼠标滚轮正在被滚动时运行的脚本。
    onscroll script 当元素滚动条被滚动时运行的脚本。

    Media 事件

    由媒介(比如视频、图像和音频)触发的事件(适用于所有 HTML 元素,但常见于媒介元素中,比如 <audio>、<embed>、<img>、<object> 以及 <video>):

    属性描述
    onabort script 在退出时运行的脚本。
    oncanplay script 当文件就绪可以开始播放时运行的脚本(缓冲已足够开始时)。
    oncanplaythrough script 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。
    ondurationchange script 当媒介长度改变时运行的脚本。
    onemptied script 当发生故障并且文件突然不可用时运行的脚本(比如连接意外断开时)。
    onended script 当媒介已到达结尾时运行的脚本(可发送类似“感谢观看”之类的消息)。
    onerror script 当在文件加载期间发生错误时运行的脚本。
    onloadeddata script 当媒介数据已加载时运行的脚本。
    onloadedmetadata script 当元数据(比如分辨率和时长)被加载时运行的脚本。
    onloadstart script 在文件开始加载且未实际加载任何数据前运行的脚本。
    onpause script 当媒介被用户或程序暂停时运行的脚本。
    onplay script 当媒介已就绪可以开始播放时运行的脚本。
    onplaying script 当媒介已开始播放时运行的脚本。
    onprogress script 当浏览器正在获取媒介数据时运行的脚本。
    onratechange script 每当回放速率改变时运行的脚本(比如当用户切换到慢动作或快进模式)。
    onreadystatechange script 每当就绪状态改变时运行的脚本(就绪状态监测媒介数据的状态)。
    onseeked script 当 seeking 属性设置为 false(指示定位已结束)时运行的脚本。
    onseeking script 当 seeking 属性设置为 true(指示定位是活动的)时运行的脚本。
    onstalled script 在浏览器不论何种原因未能取回媒介数据时运行的脚本。
    onsuspend script 在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
    ontimeupdate script 当播放位置改变时(比如当用户快进到媒介中一个不同的位置时)运行的脚本。
    onvolumechange script 每当音量改变时(包括将音量设置为静音)时运行的脚本。
    onwaiting script 当媒介已停止播放但打算继续播放时(比如当媒介暂停已缓冲更多数据)运行脚本

    HTML5 视频和音频的 DOM 参考手册

    HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。

    这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。

    HTML5 Audio/Video 方法

    方法描述
    addTextTrack() 向音频/视频添加新的文本轨道
    canPlayType() 检测浏览器是否能播放指定的音频/视频类型
    load() 重新加载音频/视频元素
    play() 开始播放音频/视频
    pause() 暂停当前播放的音频/视频

    HTML5 Audio/Video 属性

    属性描述
    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 设置或返回音频/视频的音量

    HTML5 Audio/Video 事件

    事件描述
    abort 当音频/视频的加载已放弃时
    canplay 当浏览器可以播放音频/视频时
    canplaythrough 当浏览器可在不因缓冲而停顿的情况下进行播放时
    durationchange 当音频/视频的时长已更改时
    emptied 当目前的播放列表为空时
    ended 当目前的播放列表已结束时
    error 当在音频/视频加载期间发生错误时
    loadeddata 当浏览器已加载音频/视频的当前帧时
    loadedmetadata 当浏览器已加载音频/视频的元数据时
    loadstart 当浏览器开始查找音频/视频时
    pause 当音频/视频已暂停时
    play 当音频/视频已开始或不再暂停时
    playing 当音频/视频在已因缓冲而暂停或停止后已就绪时
    progress 当浏览器正在下载音频/视频时
    ratechange 当音频/视频的播放速度已更改时
    seeked 当用户已移动/跳跃到音频/视频中的新位置时
    seeking 当用户开始移动/跳跃到音频/视频中的新位置时
    stalled 当浏览器尝试获取媒体数据,但数据不可用时
    suspend 当浏览器刻意不获取媒体数据时
    timeupdate 当目前的播放位置已更改时
    volumechange 当音量已更改时
    waiting 当视频由于需要缓冲下一帧而停止

    描述

    HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。

    不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。

    getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。

    本手册提供完整的 getContext("2d") 对象属性和方法,可用于在画布上绘制文本、线条、矩形、圆形等等。

    浏览器支持

    Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 <canvas> 及其属性和方法。

    注释:Internet Explorer 8 以及更早的版本不支持 <canvas> 元素。

    颜色、样式和阴影

    属性描述
    fillStyle 设置或返回用于填充绘画的颜色、渐变或模式
    strokeStyle 设置或返回用于笔触的颜色、渐变或模式
    shadowColor 设置或返回用于阴影的颜色
    shadowBlur 设置或返回用于阴影的模糊级别
    shadowOffsetX 设置或返回阴影距形状的水平距离
    shadowOffsetY 设置或返回阴影距形状的垂直距离
    方法描述
    createLinearGradient() 创建线性渐变(用在画布内容上)
    createPattern() 在指定的方向上重复指定的元素
    createRadialGradient() 创建放射状/环形的渐变(用在画布内容上)
    addColorStop() 规定渐变对象中的颜色和停止位置

    线条样式

    属性描述
    lineCap 设置或返回线条的结束端点样式
    lineJoin 设置或返回两条线相交时,所创建的拐角类型
    lineWidth 设置或返回当前的线条宽度
    miterLimit 设置或返回最大斜接长度

    矩形

    方法描述
    rect() 创建矩形
    fillRect() 绘制“被填充”的矩形
    strokeRect() 绘制矩形(无填充)
    clearRect() 在给定的矩形内清除指定的像素

    路径

    方法描述
    fill() 填充当前绘图(路径)
    stroke() 绘制已定义的路径
    beginPath() 起始一条路径,或重置当前路径
    moveTo() 把路径移动到画布中的指定点,不创建线条
    closePath() 创建从当前点回到起始点的路径
    lineTo() 添加一个新点,然后在画布中创建从该点到最后指定点的线条
    clip() 从原始画布剪切任意形状和尺寸的区域
    quadraticCurveTo() 创建二次贝塞尔曲线
    bezierCurveTo() 创建三次方贝塞尔曲线
    arc() 创建弧/曲线(用于创建圆形或部分圆)
    arcTo() 创建两切线之间的弧/曲线
    isPointInPath() 如果指定的点位于当前路径中,则返回 true,否则返回 false

    转换

    方法描述
    scale() 缩放当前绘图至更大或更小
    rotate() 旋转当前绘图
    translate() 重新映射画布上的 (0,0) 位置
    transform() 替换绘图的当前转换矩阵
    setTransform() 将当前转换重置为单位矩阵。然后运行 transform()

    文本

    属性描述
    font 设置或返回文本内容的当前字体属性
    textAlign 设置或返回文本内容的当前对齐方式
    textBaseline 设置或返回在绘制文本时使用的当前文本基线
    方法描述
    fillText() 在画布上绘制“被填充的”文本
    strokeText() 在画布上绘制文本(无填充)
    measureText() 返回包含指定文本宽度的对象

    图像绘制

    方法描述
    drawImage() 向画布上绘制图像、画布或视频

    像素操作

    属性描述
    width 返回 ImageData 对象的宽度
    height 返回 ImageData 对象的高度
    data 返回一个对象,其包含指定的 ImageData 对象的图像数据
    方法描述
    createImageData() 创建新的、空白的 ImageData 对象
    getImageData() 返回 ImageData 对象,该对象为画布上指定的矩形复制像素数据
    putImageData() 把图像数据(从指定的 ImageData 对象)放回画布上

    合成

    属性描述
    globalAlpha 设置或返回绘图的当前 alpha 或透明值
    globalCompositeOperation 设置或返回新图像如何绘制到已有的图像上

    其他

    方法描述
    save() 保存当前环境的状态
    restore() 返回之前保存过的路径状态和属性
    createEvent()  
    getContext()  
    toDataURL()  

    HTML5/HTML 4.01/XHTML 元素和有效的 DTD

    下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素,以及它们会出现在什么文档类型 (DTD) 中:

    标签HTML5HTML 4.01 / XHTML 1.0XHTML 1.1
    TransitionalStrictFrameset
    <a> Yes Yes Yes Yes Yes
    <abbr> Yes Yes Yes Yes Yes
    <acronym> No Yes Yes Yes Yes
    <address> Yes Yes Yes Yes Yes
    <applet> No Yes No Yes No
    <area> Yes Yes Yes Yes No
    <article> Yes No No No No
    <aside> Yes No No No No
    <audio> Yes No No No No
    <b> Yes Yes Yes Yes Yes
    <base> Yes Yes Yes Yes Yes
    <basefont> No Yes No Yes No
    <bdi> Yes No No No No
    <bdo> Yes Yes Yes Yes No
    <big> No Yes Yes Yes Yes
    <blockquote> Yes Yes Yes Yes Yes
    <body> Yes Yes Yes Yes Yes
    <br> Yes Yes Yes Yes Yes
    <button> Yes Yes Yes Yes Yes
    <canvas> Yes No No No No
    <caption> Yes Yes Yes Yes Yes
    <center> No Yes No Yes No
    <cite> Yes Yes Yes Yes Yes
    <code> Yes Yes Yes Yes Yes
    <col> Yes Yes Yes Yes No
    <colgroup> Yes Yes Yes Yes No
    <command> Yes No No No No
    <datalist> Yes No No No No
    <dd> Yes Yes Yes Yes Yes
    <del> Yes Yes Yes Yes No
    <details> Yes No No No No
    <dfn> Yes Yes Yes Yes Yes
    <dir> No Yes No Yes No
    <div> Yes Yes Yes Yes Yes
    <dl> Yes Yes Yes Yes Yes
    <dt> Yes Yes Yes Yes Yes
    <em> Yes Yes Yes Yes Yes
    <embed> Yes No No No No
    <fieldset> Yes Yes Yes Yes Yes
    <figcaption> Yes No No No No
    <figure> Yes No No No No
    <font> No Yes No Yes No
    <footer> Yes No No No No
    <form> Yes Yes Yes Yes Yes
    <frame> No No No Yes No
    <frameset> No No No Yes No
    <head> Yes Yes Yes Yes Yes
    <header> Yes No No No No
    <h1> to <h6> Yes Yes Yes Yes Yes
    <hr> Yes Yes Yes Yes Yes
    <html> Yes Yes Yes Yes Yes
    <i> Yes Yes Yes Yes Yes
    <iframe> Yes Yes No Yes No
    <img> Yes Yes Yes Yes Yes
    <input> Yes Yes Yes Yes Yes
    <ins> Yes Yes Yes Yes No
    <keygen> Yes No No No No
    <kbd> Yes Yes Yes Yes Yes
    <label> Yes Yes Yes Yes Yes
    <legend> Yes Yes Yes Yes Yes
    <li> Yes Yes Yes Yes Yes
    <link> Yes Yes Yes Yes Yes
    <map> Yes Yes Yes Yes No
    <mark> Yes No No No No
    <menu> Yes Yes No Yes No
    <meta> Yes Yes Yes Yes Yes
    <meter> Yes No No No No
    <nav> Yes No No No No
    <noframes> No Yes No Yes No
    <noscript> Yes Yes Yes Yes Yes
    <object> Yes Yes Yes Yes Yes
    <ol> Yes Yes Yes Yes Yes
    <optgroup> Yes Yes Yes Yes Yes
    <option> Yes Yes Yes Yes Yes
    <output> Yes No No No No
    <p> Yes Yes Yes Yes Yes
    <param> Yes Yes Yes Yes Yes
    <pre> Yes Yes Yes Yes Yes
    <progress> Yes No No No No
    <q> Yes Yes Yes Yes Yes
    <rp> Yes No No No No
    <rt> Yes No No No No
    <ruby> Yes No No No No
    <s> Yes Yes No Yes No
    <samp> Yes Yes Yes Yes Yes
    <script> Yes Yes Yes Yes Yes
    <section> Yes No No No No
    <select> Yes Yes Yes Yes Yes
    <small> Yes Yes Yes Yes Yes
    <source> Yes No No No No
    <span> Yes Yes Yes Yes Yes
    <strike> No Yes No Yes No
    <strong> Yes Yes Yes Yes Yes
    <style> Yes Yes Yes Yes Yes
    <sub> Yes Yes Yes Yes Yes
    <summary> Yes No No No No
    <sup> Yes Yes Yes Yes Yes
    <table> Yes Yes Yes Yes Yes
    <tbody> Yes Yes Yes Yes No
    <td> Yes Yes Yes Yes Yes
    <textarea> Yes Yes Yes Yes Yes
    <tfoot> Yes Yes Yes Yes No
    <th> Yes Yes Yes Yes Yes
    <thead> Yes Yes Yes Yes No
    <time> Yes No No No No
    <title> Yes Yes Yes Yes Yes
    <tr> Yes Yes Yes Yes Yes
    <track> Yes No No No No
    <tt> No Yes Yes Yes Yes
    <u> No Yes No Yes No
    <ul> Yes Yes Yes Yes Yes
    <var> Yes Yes Yes Yes Yes
    <video> Yes No No No No
    <wbr> Yes No No No No

    本页提供了被大多数浏览器支持的颜色名。

    提示:W3C 的 HTML 4.0 标准仅支持 16 种颜色名,它们是:aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。

    如果使用其它颜色的话,就应该使用十六进制的颜色值。

    颜色名列表

    单击一个颜色名或者 16 进制值,就可以查看与不同文字颜色搭配的背景颜色。

    HTML 字符集

    如需正确地显示 HTML 页面,浏览器必须知道使用何种字符集。

    万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字,大写和小写英文字母表,以及一些特殊字符。

    完整的 ASCII 参考手册

    由于很多国家使用的字符并不属于 ASCII,现代浏览器的默认字符集是 ISO-8859-1。

    完整的 ISO-8859-1 参考手册

    如果网页使用不同于 ISO-8859-1 的字符集,就应该在 <meta> 标签进行指定。

    ISO 字符集

    ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。

    下面列出了世界各地使用的不同字符集:

    字符集描述使用范围
    ISO-8859-1 Latin alphabet part 1 北美、西欧、拉丁美洲、加勒比海、加拿大、非洲
    ISO-8859-2 Latin alphabet part 2 东欧
    ISO-8859-3 Latin alphabet part 3 SE Europe、世界语、其他杂项
    ISO-8859-4 Latin alphabet part 4 斯堪的纳维亚/波罗的海(以及其他没有包括在 ISO-8859-1 中的部分)
    ISO-8859-5 Latin/Cyrillic part 5 使用古代斯拉夫语字母表的语言,比如保加利亚语、白俄罗斯文、俄罗斯语、马其顿语
    ISO-8859-6 Latin/Arabic part 6 使用阿拉伯字母的语言
    ISO-8859-7 Latin/Greek part 7 现代希腊语,以及有希腊语衍生的数学符号
    ISO-8859-8 Latin/Hebrew part 8 使用希伯来语的语言
    ISO-8859-9 Latin 5 part 9 土耳其语
    ISO-8859-10 Latin 6 拉普兰语、日耳曼语、爱斯基摩北欧语
    ISO-8859-15 Latin 9 (aka Latin 0) 与 ISO 8859-1 类似,欧元符号和其他一些字符取代了一些较少使用的符号
    ISO-2022-JP Latin/Japanese part 1 日本语
    ISO-2022-JP-2 Latin/Japanese part 2 日本语
    ISO-2022-KR Latin/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-8
    UTF8 中的字符可以是 1-4 个字节长。UTF-8 可以表示 Unicode 标准中的任意字符。UTF-8 向后兼容 ASCII。UTF-8 是网页和电子邮件的首选编码。
    UTF-16
    16 比特的 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 和 XHTML 用标准的 7 比特 ASCII 代码在网络上传输数据。

    7 比特 ASCII 代码可提供 128 个不同的字符值。

    7 比特 可显示的 ASCII 代码

    结果描述实体编号
      space &#32;
    ! exclamation mark &#33;
    " quotation mark &#34;
    # number sign &#35;
    $ dollar sign &#36;
    % percent sign &#37;
    & ampersand &#38;
    ' apostrophe &#39;
    ( left parenthesis &#40;
    ) right parenthesis &#41;
    * asterisk &#42;
    + plus sign &#43;
    , comma &#44;
    - hyphen &#45;
    . period &#46;
    / slash &#47;
    0 digit 0 &#48;
    1 digit 1 &#49;
    2 digit 2 &#50;
    3 digit 3 &#51;
    4 digit 4 &#52;
    5 digit 5 &#53;
    6 digit 6 &#54;
    7 digit 7 &#55;
    8 digit 8 &#56;
    9 digit 9 &#57;
    : colon &#58;
    ; semicolon &#59;
    < less-than &#60;
    = equals-to &#61;
    > greater-than &#62;
    ? question mark &#63;
    @ at sign &#64;
    A uppercase A &#65;
    B uppercase B &#66;
    C uppercase C &#67;
    D uppercase D &#68;
    E uppercase E &#69;
    F uppercase F &#70;
    G uppercase G &#71;
    H uppercase H &#72;
    I uppercase I &#73;
    J uppercase J &#74;
    K uppercase K &#75;
    L uppercase L &#76;
    M uppercase M &#77;
    N uppercase N &#78;
    O uppercase O &#79;
    P uppercase P &#80;
    Q uppercase Q &#81;
    R uppercase R &#82;
    S uppercase S &#83;
    T uppercase T &#84;
    U uppercase U &#85;
    V uppercase V &#86;
    W uppercase W &#87;
    X uppercase X &#88;
    Y uppercase Y &#89;
    Z uppercase Z &#90;
    [ left square bracket &#91;
    backslash &#92;
    ] right square bracket &#93;
    ^ caret &#94;
    _ underscore &#95;
    ` grave accent &#96;
    a lowercase a &#97;
    b lowercase b &#98;
    c lowercase c &#99;
    d lowercase d &#100;
    e lowercase e &#101;
    f lowercase f &#102;
    g lowercase g &#103;
    h lowercase h &#104;
    i lowercase i &#105;
    j lowercase j &#106;
    k lowercase k &#107;
    l lowercase l &#108;
    m lowercase m &#109;
    n lowercase n &#110;
    o lowercase o &#111;
    p lowercase p &#112;
    q lowercase q &#113;
    r lowercase r &#114;
    s lowercase s &#115;
    t lowercase t &#116;
    u lowercase u &#117;
    v lowercase v &#118;
    w lowercase w &#119;
    x lowercase x &#120;
    y lowercase y &#121;
    z lowercase z &#122;
    { left curly brace &#123;
    | vertical bar &#124;
    } right curly brace &#125;
    ~ tilde &#126;

    7 比特 设备控制 ASCII代码

    ASCII设备控制代码最初被设计为用来控制诸如打印机和磁带驱动器之类的硬件设备。在HTML文档中这些代码不会起任何作用。

    结果描述实体编号
    NUL null character &#00;
    SOH start of header &#01;
    STX start of text &#02;
    ETX end of text &#03;
    EOT end of transmission &#04;
    ENQ enquiry &#05;
    ACK acknowledge &#06;
    BEL bell (ring) &#07;
    BS backspace &#08;
    HT horizontal tab &#09;
    LF line feed &#10;
    VT vertical tab &#11;
    FF form feed &#12;
    CR carriage return &#13;
    SO shift out &#14;
    SI shift in &#15;
    DLE data link escape &#16;
    DC1 device control 1 &#17;
    DC2 device control 2 &#18;
    DC3 device control 3 &#19;
    DC4 device control 4 &#20;
    NAK negative acknowledge &#21;
    SYN synchronize &#22;
    ETB end transmission block &#23;
    CAN cancel &#24;
    EM end of medium &#25;
    SUB substitute &#26;
    ESC escape &#27;
    FS file separator &#28;
    GS group separator &#29;
    RS record separator &#30;
    US unit separator &#31;
    DEL delete (rubout) &#127;

     HTTP 状态消息

    当浏览器从 web 服务器请求服务时,可能会发生错误。

    从而有可能会返回下面的一系列状态消息:

    1xx: 信息

    消息:描述:
    100 Continue 服务器仅接收到部分请求,但是一旦服务器并没有拒绝该请求,客户端应该继续发送其余的请求。
    101 Switching Protocols 服务器转换协议:服务器将遵从客户的请求转换到另外一种协议。

    2xx: 成功

    消息:描述:
    200 OK 请求成功(其后是对GET和POST请求的应答文档。)
    201 Created 请求被创建完成,同时新的资源被创建。
    202 Accepted 供处理的请求已被接受,但是处理未完成。
    203 Non-authoritative Information 文档已经正常地返回,但一些应答头可能不正确,因为使用的是文档的拷贝。
    204 No Content 没有新文档。浏览器应该继续显示原来的文档。如果用户定期地刷新页面,而Servlet可以确定用户文档足够新,这个状态代码是很有用的。
    205 Reset Content 没有新文档。但浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容。
    206 Partial Content 客户发送了一个带有Range头的GET请求,服务器完成了它。

    3xx: 重定向

    消息:描述:
    300 Multiple Choices 多重选择。链接列表。用户可以选择某链接到达目的地。最多允许五个地址。
    301 Moved Permanently 所请求的页面已经转移至新的url。
    302 Found 所请求的页面已经临时转移至新的url。
    303 See Other 所请求的页面可在别的url下被找到。
    304 Not Modified 未按预期修改文档。客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。
    305 Use Proxy 客户请求的文档应该通过Location头所指明的代理服务器提取。
    306 Unused 此代码被用于前一版本。目前已不再使用,但是代码依然被保留。
    307 Temporary Redirect 被请求的页面已经临时移至新的url。

    4xx: 客户端错误

    消息:描述:
    400 Bad Request 服务器未能理解请求。
    401 Unauthorized 被请求的页面需要用户名和密码。
    402 Payment Required 此代码尚无法使用。
    403 Forbidden 对被请求页面的访问被禁止。
    404 Not Found 服务器无法找到被请求的页面。
    405 Method Not Allowed 请求中指定的方法不被允许。
    406 Not Acceptable 服务器生成的响应无法被客户端所接受。
    407 Proxy Authentication Required 用户必须首先使用代理服务器进行验证,这样请求才会被处理。
    408 Request Timeout 请求超出了服务器的等待时间。
    409 Conflict 由于冲突,请求无法被完成。
    410 Gone 被请求的页面不可用。
    411 Length Required "Content-Length" 未被定义。如果无此内容,服务器不会接受请求。
    412 Precondition Failed 请求中的前提条件被服务器评估为失败。
    413 Request Entity Too Large 由于所请求的实体的太大,服务器不会接受请求。
    414 Request-url Too Long 由于url太长,服务器不会接受请求。当post请求被转换为带有很长的查询信息的get请求时,就会发生这种情况。
    415 Unsupported Media Type 由于媒介类型不被支持,服务器不会接受请求。
    416  服务器不能满足客户在请求中指定的Range头。
    417 Expectation Failed  

    5xx: 服务器错误

    消息:描述:
    500 Internal Server Error 请求未完成。服务器遇到不可预知的情况。
    501 Not Implemented 请求未完成。服务器不支持所请求的功能。
    502 Bad Gateway 请求未完成。服务器从上游服务器收到一个无效的响应。
    503 Service Unavailable 请求未完成。服务器临时过载或当机。
    504 Gateway Timeout 网关超时。
    505 HTTP Version Not Supported 服务器不支持请求中指明的HTTP协议版本。

    HTTP 方法:GET 对比 POST

    两种最常用的 HTTP 方法是:GET 和 POST。

    什么是 HTTP?

    超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。

    HTTP 的工作方式是客户机与服务器之间的请求-应答协议。

    web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。

    举例:客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。

    两种 HTTP 请求方法:GET 和 POST

    在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。

    • GET - 从指定的资源请求数据。
    • POST - 向指定的资源提交要被处理的数据

    GET 方法

    请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的:

    /test/demo_form.asp?name1=value1&name2=value2

    有关 GET 请求的其他一些注释:

    • GET 请求可被缓存
    • GET 请求保留在浏览器历史记录中
    • GET 请求可被收藏为书签
    • GET 请求不应在处理敏感数据时使用
    • GET 请求有长度限制
    • GET 请求只应当用于取回数据

    POST 方法

    请注意,查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的:

    POST /test/demo_form.asp HTTP/1.1
    Host: w3schools.com
    name1=value1&name2=value2
    

    有关 POST 请求的其他一些注释:

    • POST 请求不会被缓存
    • POST 请求不会保留在浏览器历史记录中
    • POST 不能被收藏为书签
    • POST 请求对数据长度没有要求

    比较 GET 与 POST

    下面的表格比较了两种 HTTP 方法:GET 和 POST。

     GETPOST
    后退按钮/刷新 无害 数据会被重新提交(浏览器应该告知用户数据会被重新提交)。
    书签 可收藏为书签 不可收藏为书签
    缓存 能被缓存 不能缓存
    编码类型 application/x-www-form-urlencoded application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
    历史 参数保留在浏览器历史中。 参数不会保存在浏览器历史中。
    对数据长度的限制 是的。当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。 无限制。
    对数据类型的限制 只允许 ASCII 字符。 没有限制。也允许二进制数据。
    安全性

    与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。

    在发送密码或其他敏感信息时绝不要使用 GET !

    POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。
    可见性 数据在 URL 中对所有人都是可见的。 数据不会显示在 URL 中。

    其他 HTTP 请求方法

    下面的表格列出了其他一些 HTTP 请求方法:

    方法描述
    HEAD 与 GET 相同,但只返回 HTTP 报头,不返回文档主体。
    PUT 上传指定的 URI 表示。
    DELETE 删除指定资源。
    OPTIONS 返回服务器支持的 HTTP 方法。
    CONNECT 把请求连接转换到透明的 TCP/IP 通道。
  • 相关阅读:
    软件开发与定制报价
    C# HttpHelper 1.0正式版发布
    C#仿QQ皮肤-TextBox 控件实现
    HTML5学习笔记第一节(智能提示和视频音频标签)
    C#多线程|匿名委托传参数|测试您的网站能承受的压力|附源代码升级版
    JavascriptHelp
    我的个人博客论坛版建立啦!
    Win7 + VirtualBox安装Mac OS X雪豹操作系统图文详解
    Sql2005性能工具(SQL Server Profiler和数据库引擎优化顾问)使用方法详解
    Webcast 系列课程 NET最全,最权威的学习资源
  • 原文地址:https://www.cnblogs.com/think-and-do/p/6490470.html
Copyright © 2020-2023  润新知