通过刷题HTML遇到的问题

1、有关选择器的权重问题

1.通配符选择器和继承:权重为0，

2.标签选择器:权重为0001

3.类选择器:权重为0010

4.id选择器:权重为0100

5.行内样式:权重为1000 6.!important:权重为无穷大

2、html5中新增加的属性

header，footer，nav，article，section，aside，datalist，audio，video，embed，input属性

3、html5中可以省略结束标记的元素有

1、dd 2、dt 3、li 4、p 5、optgroup 6、option 7、rt 8、rp 9、thread 10、tfoot 11、tr 12、td

13、th

4、html5中新增加的类型/元素/属性

注意题目问的是类型/元素/属性
新增的表单元素：output、datalist、keygen
新增的表单类型(type=“xxx”):color设色器、date日期选择器、datetime(utc时间)、datetime-local(无时区)、 email(包含email的输入域)、month（月份）、number（数值）、range(范围)、search（搜索）、tel(电话号码)、 url、week
新增的表单属性：autocomplete（自动补全）、autofocus（自动聚焦）、required(是否必选)、height（高度）、width（宽度）、 multiple（多文件上传）、max（最大值）、min、step、list、pattern（模式匹配/正则）、placeholder（默认值）、novalidate(提交表单时不校验email/tel这些需要校验的表单类型)、form（表单元素可以在form之外，但是可以指定属于哪个form，会一起发送）、formaction（请求地址）、formmethod（form元素的请求方法,get/post这些）、formenctype、formnovalidate

5、将一对象的背景色不透明度改为80%的声明

filter:alpha(opacity:80);平时就用这一种，没接触过其他写法

6、元素的type属性的取值可以

7、什么是超文本

超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户界面范式，用以显示文本及与文本之间相关的内容。现时超文本普遍以电子文档方式存在，其中的文字包含有可以链结到其他位置或者文档的连结，允许从当前阅读位置直接切换到超文本连结所指向的位置。超文本的格式有很多，目前最常使用的是超文本标记语言（标准通用标记语言下的一个应用）及富文本格式

8、hidden属性功能

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

9、link和@import区别

1.link属于HTML范畴——除了加载CSS，还能支持其他事务，且在HTML页面加载的同时加载

2.@import属于CSS范畴——只能加载CSS

link支持使用Javascript控制DOM去改变样式；而@import不支持。

10、Canvas和SVG图形的区别

Canvas

依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
Canvas 是逐像素进行渲染的。
在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

SVG

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

11、哪些属性是可以被继承

可以被继承的属性：

字体系列：font-family，font-size，font-style，font-weight，font-stretch，font-size-adjust；
列表相关：list-style，list-style-image，list-style-position，list-style-type，list-style-color；
文本系列：text-indent，text-align，line-height，word-spaceing，letter-spacing，text-transform，direction，color；
元素可见性：visibility；
表格布局：caption-side，border-collapse，border-spacing，empty-cells，table-layout；
生成内容：quotes；
光标属性：cursor；
页面样式：page，page-break-inside，Windows，orphans；
声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation。

12、属于HTML5标签语意化的元素

html5手册语义化标签：

13、窗口上下滚动时，能始终固定在视野顶端的是

14、cookie | session

IndexdDB 是 HTML5 的本地存储，把一些数据存储到浏览器（客户端）中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。

Cookie 通过在客户端 ( 浏览器 ) 记录信息确定用户身份，最大为 4 kb 。

url 参数用的是 get 方法，从服务器上获取数据，大小不能大于 2 kb 。

Session 是服务器端使用的一种记录客户端状态的机制。

post 是向服务器传送数据，数据量较大。

local Storage 也是 HTML5 的本地存储，将数据保存在客户端中（一般是永久的）。

15、用来加粗的

用于加粗的标签有<b></b>和<strong></strong>  blod font-weight是属性值

16、把鼠标移到按钮并点击时，会产生一串什么样的事件

触发顺序为link–>visited—>hover—>active即记为love and hate

悬停 -> 聚焦 -> 响应

17、DHTML 的动态样式的作用是

DHTML实现了网页从Web服务器下载后无需再经过服务的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如，当鼠标指针移到文章段落中时，段落能够变成蓝色，或者当鼠标指针移到一个超级链接上时，会自动生成一个下拉式子链接目录等。

包括：

①动态内容(Dynamic Content)：动态地更新网页内容，可“动态”地插入、修改或删除网页的元件，如文字、图像、标记等。

②动态排版样式(Dynamic Style Sheets)：W3C的CSS样式表提供了设定HTML标记的字体大小、字形、样式、粗细、文字颜色、行高度、加底线或加中间横线、缩排、与边缘距离、靠左右或置中、背景图片或颜色等排版功能，而“动态排版样式”即可以“动态”地改变排版样式。

18、滑动方式隐藏

slideUp()和slideDown都是jQuery函数，slideUp()通过使用滑动效果，隐藏被选元素，如果元素已显示出来的话。slideDown() 方法通过使用滑动效果，显示隐藏的被选元素

19、超链接的四种状态

锚，代表超链接。锚伪类是超链接的四种状态。

未访问状态（a:link）

鼠标悬停状态（a:hover）

活动状态（a:active）

已访问状态（a:visited）

20、iframe可用在以下几个场景中：

1：典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。为了每一个功能，单独分离出来，采用iframe。

2：ajax上传文件。

3：加载别的网站内容，例如google广告，网站流量分析。

4：在上传图片时，不用flash实现无刷新。

5：跨域访问的时候可以用到iframe，使用iframe请求不同域名下的资源。

21、置换元素

a) 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。

b) 不可替换元素：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。

通过刷题HTML遇到的问题