前端知识点个人记录1-HTML

HTML

1、HTML语义化

HTML语义化

2、浏览器标准模式和怪异模式之间的区别是什么

1.在严格模式中 ：width是内容宽度 ，元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width +  margin-right;

在怪癖模式中 ：width则是元素的实际宽度 ，内容宽度 = width - ( padding-left + padding-right + border-left-width + border-right-width)。

3、xhtml和html的区别

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

4、使用data-的好处

data-* 属性用于存储页面或应用程序的私有自定义数据。

data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。

data-* 属性包括两部分：

属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符

属性值可以是任意字符串

5、meta标签

meta标签大全

6、canvas

7、HTML废弃的元素

第一类：表现性元素

basefont

big

center

font

s

strike

tt

u

建议用语义正确的元素代替他们，并使用CSS来确保渲染后的效果

第二类：框架类元素

因框架有很多可用性及可访问性问题，HTML5规范将以下元素移除。

frame

frameset

noframes

但html5支持iframe。

第三类:属性类

很多表现性的属性也被新规范移除，如下：

align

body标签上的link、vlink、alink、text属性

bgcolor

height和width

iframe元素上的scrolling属性

valign

hspace和vspace

table标签上的cellpadding、cellspacing和border属性

header标签上的profile属性

链接标签a上的target属性

img和iframe元素的longdesc属性

第四类：其他

abbr取代acronym（用于表示缩写）

object取代了applet

ul取代了dir

8、IE6中的常见BUG与相应的解决办法

ie6的bug

9、css js放置位置和原因

位置

10、渐进式渲染

11、html模板语言

12、meta viewport原理

第一期《meta viewport原理》 - CSDN博客