HTML练习2

HTML练习2

progress 元素中显示指示任务完成进度的指示器，该指示器通常显示为进度栏。它还包括所有的全局属性，包括 max（规定任务一共需要多少工作）、value（规定已经完成多少任务）

ul和li搭配为无序列表
ol和li搭配为有序列表
<dl> 标签定义了定义列表
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
a标签内不能再嵌套a标签

HTML标签大概分为三种：

1. 块状元素：div、p、h1-h6、ol、ul、dl、table、address
2. 内联元素：a、span、i、em、strong、lable、q、var、cite
3. 内联块状元素：img、input

元素为 、 和 元素指定多个媒体资源

Canvas 与 SVG 的比较

Canvas

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

在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

SVG

1. 不依赖分辨率
2. 支持事件处理器
3. 最适合带有大型渲染区域的应用程序（比如谷歌地图）
4. 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
5. 不适合游戏应用

	在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <input type="text"></input> 的闭标签是无效的 HTML。
	在 HTML 中有以下这些空元素： <area>、<base>、<br>、<col>、<colgroup>、<command>、<embed>、<hr>、<img>、<input>、<keygen>、<link>、<meta>、<param>、<source>、<track>、<wbr>

address用于定义文档或文章的作者/拥有者的联系信息。<address>通常被用在<footer>中。
<embed> 标签定义嵌入的内容，比如插件。
<wbr> 元素来添加 Word Break Opportunity（单词换行时机）。

css中不可继承的属性：display、margin、border、padding、background、height、width、position

H5新增标签：header，footer，nav，article，section，aside，datalist，audio，video，embed，input属性（比如： date、email、number、color、range、tel 等）

<q>元素表示所附文本是短内联引号。 大多数现代浏览器通过用引号括起文本来实现这一点。 此元素用于不需要分段符号的简短引号; 对于长引号，请使用<blockquote>元素。

浮动（float）、固定定位（fixed）和绝对定位（absolute）都会使元素脱离文档流，绝对定位相对于最近的开启了定位（即position不为static）的父元素进行定位
相对定位（relative），相对于自身初始位置进行定位，不脱离文档流。

浏览器渲染流程

1. 解析HTML并构建DOM树
2. 构建render树
3. 布局render树
4. 绘制render树

CSS伪类用于向某些选择器添加特殊的效果

1. :active 向被激活的元素添加样式。
2. :focus 向拥有键盘输入焦点的元素添加样式。
3. :hover 当鼠标悬浮在元素上方时，向元素添加样式。
4. :link 向未被访问的链接添加样式。
5. :visited 向已被访问的链接添加样式。

• hover -> focus -> active
• 悬停 -> 聚焦 -> 响应

1. highlight： jQuery中的，突出特效，通过改变背景颜色来隐藏或者显示一个元素
2. mark： h5中的标签，定义带有记号的文本，文本高亮显示
3. strong： HTML中的标签，定义重要文本，用来加粗文本
4. blink： 是js中的方法，用于显示闪动的字符串，不能用于ie，Chrome，Safari

HTML5之前的版本是 HTML 4.01 ，HTML5版本为当前最新的HTML版本。HTML4.01、HTML5 之间的区别： 声明区别。HTML有多个不同的版本，只有准确的在页面中指定确切的HTML版本，浏览器才能正确无误的显示HTML页面。这就是的用处。不是HTML标签，它只是为浏览器提供一项声明，因此它没有闭合/结束标签！