通过刷题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手册语义化标签:
article | section | aside | hgroup | header | footer | nav | time | mark | figure | figcaption | contextmenu+menu
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 的大多数元素是不可替换元素,即其内容直接表现给用户端(如浏览器)。
22、Video/Audio中会触发的事件
方法:load() play() pause()
事件:play() playing() pause() seeked() seeking() abort()当音频/视频的加载已放弃时触发
23、jQuery方法中那个方法可以设置渐变为给定的不透明度
.fadeIn() 使用淡入效果显示元素
.fadeOut() 淡入效果隐藏元素
.fadeToggle() 淡入效果显示 / 隐藏元素来回切换
.fadeTo() 元素的透明度逐渐变化到制定的值