【技术重温】html之重点（四）

重点031：
autocomplete 属性
autocomplete 属性规定表单或输入字段是否应该自动完成。
当自动完成开启，浏览器会基于用户之前的输入值自动填写值。
提示：您可以把表单的 autocomplete 设置为 on，同时把特定的输入字段设置为 off，反之亦然。


重点032：
autofocus 属性
autofocus 属性是布尔属性。
如果设置，则规定当页面加载时 <input> 元素应该自动获得焦点。



重点033：
form 属性规定 <input> 元素所属的一个或多个表单。
输入字段位于 HTML 表单之外（但仍属表单）

重点034：
pattern 属性
pattern 属性规定用于检查 <input> 元素值的正则表达式。
pattern 属性适用于以下输入类型：text、search、url、tel、email、and password。



重点035：
required 属性
required 属性是布尔属性。
如果设置，则规定在提交表单之前必须填写输入字段。
required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.


重点036：
HTML5 中默认的字符编码是 UTF-8。

重点037：
虽然html5本身的容错性要求更强，但标准规定：frameset框架 已从 HTML5 中删除
    <frame>
    <frameset>
    <noframes>

重点038：
语义元素清楚地向浏览器和开发者描述其意义。但语义元素无法确定各浏览器对其的具体样式定义，开发者不能完全控制。
当然，开发者可以重新定义其样式以覆盖浏览器默认的样式。

重点039：
Canvas画布标签
Canvas标签的意图支持任意自定义图型的显示（当然外部图可以通过drawimage函数来加载调用实现）
Canvas参考手册http://bucephalus.org/text/CanvasHandbook/CanvasHandbook.html

特点：

    依赖分辨率
    不支持事件处理器
    弱的文本渲染能力
    能够以 .png 或 .jpg 格式保存结果图像
    最适合图像密集型的游戏，其中的许多对象会被频繁重绘

重点040：
SVG矢量图形标签
SVG是基于xml的自定义图形的显示
SVG参考手册：https://www.w3.org/TR/SVG
特定：
    不依赖分辨率
    支持事件处理器
    最适合带有大型渲染区域的应用程序（比如谷歌地图）
    复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
    不适合游戏应用


SVG和Canvas作为自定义的图形化显示功能，参考window GUI api就可以知道，本身包含了太多的东西，如果你愿意或是因为工作需要，完全可以把他们看作是一个独立的学习计划来学习，详细可以阅读我上面列出的参考手册，很全面