1. HTML全局属性有哪些?
记住主要的常用的即可。
title:规定有关元素的额外信息
class:规定元素的一个或多个类名
id:规定元素的唯一id
style:用于设置元素的行内样式
data-:用于存储页面或应用程序上的私有定制数据
2. 说说超链接target属性的取值和作用?
target指定打开方式
_blank :新窗口打开
_self :同一框架或窗口
_top :当前的整个浏览器窗口中打开所链接的文档
3.data-
属性的作用是什么?
自定义的属性
属性名不应该包含任何大写字母
属性值可以是任意字符串
getAttribute获取值、dataset 设置值
4. 介绍一下你对浏览器内核的理解?
浏览器内核:
渲染引擎: 获取html,css,图片
js引擎: 解析执行javascript
5. 常见的浏览器内核有哪些?
Trident内核: IE,MaxThon,TT,The World,360, 搜狗浏览器等。
Gecko内核: Netscape6 及以上版本, FF,MozillaSuite/SeaMonkey 等.
Presto内核: Opera7 及以上。
Webkit内核: Safari,Chrome 等。
6. iframe有那些缺点?
不利于seo
即使iframe的内容为空,加载也需要时间
不易管理 产生很多页面
7. Label的作用是什么,是怎么用的?
对鼠标用户而言改进了可用性。
当我们点击E-mail或者点击文本框时,光标都会被移入文本框中,方便我们输入内容。
8. 如何实现浏览器内多个标签页之间的通信?
调用localstorage cookie等本地存储
9. 如何在页面上实现一个圆形的可点击区域?
CSS:border-radius
image map
10. title与h3的区别、b与strong的区别、i与em的区别?
b是物理元素
strong是逻辑元素
em和i都是斜体
title、b、i仅仅只有外观效果,而H1、strong、em属于语义化标签
11. 实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果?
<div style="width:100%;height:1px;background-color:black"></div>
12. HTML5标签的作用?
使得web界面更加有序和规范
13. 简述一下src与href的区别?
src引入文件,引入的文件会被嵌入到标签里面,href指向网络资源,会跳转到指定页面
13. 谈谈你对canvas的理解?
canvas相当于画布,通过JavaScript api在画布上画画。
14. WebSocket与消息推送?
实现浏览器与服务器的长连接,能实现双向实时通信
15. img的title和alt有什么区别?
title是对图片的解释
alt是当图片无法加载时候,所显示出来的文字
16. 表单的基本组成部分有哪些,表单的主要用途是什么?
组成:表单标签、表单域、表单按钮
用途:表单在网页中主要负责数据采集的功能,和向服务器传送数据。
17. 表单提交中Get和Post方式的区别?
一般情况下:
get从服务器端获取数据
post向服务器端发送数据
get方式在url中用户看得到数据内容
post方式在url中看不到数据内容
get方式传输的数据量小 安全性低
post方式传输的数据量大 安全性高
18. HTML5 有哪些新增的表单元素?
datalist:表单输入域选项列表
keygen:用户验证 (即将废弃)
output:提供不同类型输出
19. HTML5 废弃了哪些 HTML4 标签?
HTML5 废弃了一些过时的,不合理的HTML 标签:
· frame
· frameset
· noframe
· applet
· big
· center
· basefont
20. HTML5 标准提供了哪些新的 API?
· Media API
· Text Track API
· Application Cache API
· User Interaction
· Data Transfer API
· Command API
· Constraint Validation API
· History API
21. HTML5 存储类型有什么区别?
localStorage 用于持久化的本地存储,数据永远不会过期,关闭浏览器也不会丢失。
· sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
22. HTML5 应用程序缓存和浏览器缓存有什么区别?
本地缓存为整个 web 应用程序服务的,而浏览器的网页缓存只服务于单个网页。任何网页都具有网页缓存。而本地缓存至缓存那些指定的缓存的页面。
应用程序缓存的优势:
离线缓存:用户可在离线时使用它们
23. 除了 audio 和 video,HTML5 还有哪些媒体标签?
H5总共新增了5个媒体标签:
video:定义一个视频
audio:定义音频内容
source:替代audio、video中src属性定义媒体资源
canvas:一个画布API,绘制酷炫的效果
embed:定义外部的可交互的内容或插件如flash
24. HTML5 中如何嵌入视频?
<video width=” 450 ″ height= ” 340 ″ controls>
<source src=” jamshed.mp4 ″ type= ” video/mp4 ″ >
Your browser does’ nt support video embedding feature.
</video>
25. HTML5 中如何嵌入音频?
<audio controls>
<source src=" jamshed.mp3 ″ type= ” audio/mpeg ” >
Your browser does’ nt support audio embedding feature.
</audio>
26. 新的 HTML5 文档类型和字符集是?
HTML5 文档类型很简单:
HTML5 使用 UTF-8 编码示例:
27. 解释一下CSS的盒子模型?
一共有两种盒模型:标准W3C盒模型与IE盒模型
标准盒模型的宽高的值是content的宽高
IE盒模型的宽高的值包括了content+padding+border
其中盒模型一般包含了元素的content. padding. border. Margin
28. 请你说说CSS选择器的类型有哪些,并举几个例子说明其用法?
元素选择器
类选择器
ID选择器
属性选择器
后代选择器(又称为包含选择器)
子元素选择器
相邻兄弟选择器
29. 请你说说CSS有什么特殊性?(优先级、计算特殊值)
!important>内联样式>id选择器>类选择器=伪类选择器=属性选择器>标签选择器=伪元素选择器>通配符>继承
越是可以精确到某一个标签,其优先级就越高。
30. 要动态改变层中内容可以使用的方法?
innerHTML,innerText、v-html