刷题笔记之html错题集三

一、层级显示优先级

知识点：
层级显示优先级： frameset > 表单元素 > 非表单元素
在html中，帧元素（frameset）的优先级最高，表单元素比非表单元素的优先级要高。
表单元素包括：文本输入框，密码输入框，单选框，复选框，文本输入域，列表框等等；
非表单元素包括：连接（a），div,table,span等。
所有的html元素又可以根据其显示分成两类：有窗口元素以及无窗口元素。有窗口元素总是显示在无窗口元素的前面。
有窗口元素包括：select元素，object元素，以及frames元素等等。
无窗口元素：大部分html元素都是无窗口元素。

二 、阻止事件

DOM中的事件对象：（符合W3C标准）
preventDefault() 取消事件默认行为
stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用。
stopPropagation() 取消事件冒泡对当前节点无影响。
IE中的事件对象：
cancelBubble() 取消事件冒泡
returnValue() 取消事件默认行为

三 、给定范围标量值

HTML5中的 标签用于显示已知范围内的标量测量值。
定义和用法：
标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。
例子：磁盘用量、查询结果的相关性，等等。
注释： 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 标签。
浏览器支持:FireFox chrome safari Opera不支持IE，IE是业界毒瘤。

四、盒子的宽高值

ele.clientWidth = 宽度 + padding

ele.offsetWidth = 宽度 + padding + border

ele.scrollTop = 被卷去的上侧距离

ele.scrollHeight = 自身实际的高度（不包括边框）

五、SVG

六 返回标签中的值

$(‘#wrapper’).children(); //（只沿着 DOM 树向下遍历单一层级）查询直接的子元素。而不管子元素的子元素。
$(‘#wrapper’).html(); //返回的是dom结构。而不是集合
$(‘#wrapper’).contents();
$(‘#wrapper’).find(“all”); //并没有all这个元素

contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。 find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 html() 方法返回或设置被选元素的内容 (inner HTML)。 children() 方法返回匹配元素集合中每个元素的子元素，添加可选参数可通过选择器进行过滤。

七、隐藏元素的两种方法

八、有默认margin值的元素

h1~h6标签：有默认margin（top,bottom且相同）值，没有默认padding值
dl标签：有默认margin
ol,ul标签：有默认margin
table标签没有默认的margin,padding值；th,td标签没有默认的margin值，有默认的padding值。
p标签有默认margin(top,bottom)值,没有默认padding值。
select标签在Chrome,Safari,Maxthon中有默认的margin：2px；在Opera,Firefox,IE6.0,7.0,8.0没有默认的margin值。
这篇文章写的比较详细：
原文链接

今天早上的错题集这些，明天继续。