html知识点

<canvas> 标签定义图形，比如图表和其他图像。<canvas> 标签只是图形容器，必须使用脚本来绘制图形。

<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。

<command> 标签定义命令按钮，比如单选按钮、复选框或按钮

在 HTML5 中，<hgroup>用于组合标题元素。

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准

SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

(SVG是HTML下的一个分支)

网页中，rem 作为元素尺寸单位时，是相对 文档根节点（html）的 font-size 进行计算的。

 css的可继承：

            font-size: 28px;

  color: aqua;

            text-align: center;

       line-height: 3em;

<iframe>标签用于指定内联框架

鼠标移入onmouseover，移出onmouseout

万维网通过URL标识分布因特网上的各种文档

box-flex 属性规定框的子元素是否可伸缩其尺寸，所有的flex都是相对的。

例如：父容器宽度为300px

子元素box-flex：1：1：1，则每个子元素宽100px;

子元素box-flex：1：2：1，则子元素大小分别为75px、150px、75px;

hidden 属性可以让浏览器不渲染某个元素

spellcheck设置为true可以对用户输入进行拼写和语法检查

某个元素使用tabindex属性后，该元素可以通过tab键来获取焦点

hidden属性功能是通知浏览器不渲染元素，true是该元素处于不可见状态。但是元素中的内容还是浏览器创建的，

html5中新增了manifest标签，作用：应用缓存资源清单

当表单中包含文件上传控件时，需要将enctype设置为：multipart/form-data

.fadeIn()  使用淡入效果显示元素

.fadeOut()  淡入效果隐藏元素

.fadeToggle()  淡入效果显示 / 隐藏元素来回切换

.fadeTo()  元素的透明度逐渐变化到制定的值

date 选取日、月、年； month 选取月和年 ；week 选取周和年 ；time 选取时间（小时和分钟）

<optgroup> 元素在 <select>元 素中创建一组选项，此元素不应嵌套。它包括全局属性，比如 disabled, label 等等

Vm 为视口单位，将视口分为100分

页面响应式布局：可以使用bootsrap框架；可以利用media query媒体查询功能

button 元素可以嵌套没有 control 属性的 video 元素

step 属性不可以为负值或 0

form 元素的 method 属性和 enctype 属性不能任意赋值

Video/Audio中会触发的事件：play() playing() pause() seeked() seeking() abort()

                                        方法：load() play() pause()

后台提供，前台渲染，利于SEO优化

track 元素是audio 和 video 的子元素，为多媒体文件添加辅助文本信息，eg:字幕、屏幕阅读器说明和主题等。

 disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交

 readonly规定输入字段为只读。input内容会随着表单提交。

无论设置readonly还是disabled，通过js脚本都能更改input的value

clear:both 属性给该元素的上方清除浮动。

清除浮动：1.直接给父元素设置高度，在子元素改变的情况下，此方法使用起来比较繁杂。
2.给父元素直接设置 overflow:hidden;样式 

3. 父元结束标签之前加空div，样式为 clear：both； 

4.伪元素选择器,父元素加上clearfix：   设置父元素 :after{content: “”;clear: both; display:block;overflow: hidden;}

html5的跨文档消息传输：可以实现同域内的 web 页面之间可以互相通信；可以相互传递字符串和对象；使用这个功能，需要获取到网页所在窗口对象的实例

HTML5 之前的 HTML 版本：HTML 4.01

HTML5 废了一些纯控制渲染的标签  center 、big、font、strike、b 等

<embed> 标签定义了一个容器，用来嵌入外部应用或者互动程序（插件）

元素事件属性：

onblur：元素失去焦点时触发

onfocus：元素聚焦时触发

onsearch：用户向搜索域或文本搜索时触发

<caption> 标签表示表格标题，标题一般被居中表格之上，但不加粗文本

对于border-radius，IE9支持良好

main 标签规定文档的主要内容； dir 定义目录列表； dd 为定义列表中项目的描述； pre 可定义预格式化的文本。 补充：定义列表 dl 标签定义了定义列表（definition list），其内又包含了 dt（定义列表中的项目）和dd（描述列表中的项目）。

<param>定义了 <object> 元素的参数

<em>强调文字，<blockquote>长文本引用

<strong>强调文字，<h1>文章栏目标题

<a>超链接，<p>文章段落

<section>定义文档中的节，<nav>导航

clientWidth=width+padding*2

BFC(Block formatting context)直译为"块级格式化上下文"。

哪些情况会产生BFC:

1. 根元素
2. float属性不为none
3. position为absolute或fixed
4. display为inline-block, table-cell, table-caption, flex, inline-flex
5. overflow不为visible

          

CSS 文件的加载不受跨域限制

window.onerror 方法默认情况下无法获取跨域脚本的报错详情

canvas 中使用 drawImage 贴图会受跨域限制

a 元素可以没有 href 属性，此时为超链接的一个占位符

a元素的target属性可以指向一个具名的窗口或iframe

当a元素的rel属性具有多个值时，使用空格“ ”分隔