面试题-day04

1. 行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素和块级元素有什么区别?

(1)行内元素有: a b span img select strong
(2)块级元素有: div ul ol li dl dt dd h1~h6 p
(3)空元素: br hr img input link meta
(4)行内元素不可以设置宽高,不会独占一行
(5)块级元素可以设置宽高,且会独占一行.

2. HTML全局属性(global attribute)有哪些?

(1)class 为元素设置类标识
(2)data-* 为元素增加自定义属性
(3)draggable 设置元素是否可以拖拽
(4)id 元素id,文档内唯一
(5)lang 元素内容的语言
(6)style 行内css样式
(7)title 元素相关的建议信息

3. Canvas与SVG有什么区别?

(1)svg绘制出来的每一个图形的元素都是独立的DOM节点,能够方便的绑定事件或用来修改.而canvas输出的是一整个画布;
(2)svg输出的图形是矢量图形,后期可以修改参数来自由放大缩小,不会失真和锯齿.而canvas输出标量画布,就像一张图片一样,放大会失真或锯齿.

4. HTML5为什么只写 < !DOCTYPE HTML >

(1)HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为
(2)而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型;

5.如何在页面实现一个圆形的可点击区域?

(1)svg;
(2)border-radius
(3)使用js实现,需要求一个点在不在圆上的简单算法,获取鼠标坐标等等

6.网页验证码是做什么的?是为了解决什么安全问题>

(1)区分用户是计算机还是人的公共全自动程序.可以防止恶意破解密码,刷票,论坛灌水;
(2)有效防止黑客对某一特定注册用户用特定程序暴力破解方式进行不断的登录尝试.