前端知识点个人记录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标签上的linkvlinkalinktext属性

bgcolor

heightwidth

iframe元素上的scrolling属性

valign

hspacevspace

table标签上的cellpaddingcellspacingborder属性

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博客

你可能感兴趣的:(前端知识点个人记录1-HTML)