doctype是什么?标准模式与兼容模式各有什么区别?
<!doctype>声明必须处于HTML文档的头部,在<html>标签之前,HTML5中不区分大小写,它告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
行内元素、块级元素、空(void)元素分别是什么?常用的有那些?
行内元素:行内元素不形成新内容块,即在其左右可以有其他元素,常见的有:a、span、img、b、i、em、strong、label、input、textarea、select、button、sub、sup、q
块级元素:块级元素占据其父元素(容器)横向的整个内容区域,常见的有:div、ul、ol、li、dl、dt、dd、h1-h6、p、table、form、hr、iframe、pre,html5增加的有:header、nav、section、article、aside、footer、audio、video
空元素:没有内容的 HTML 元素,常见的空元素: br、hr、img 、input 、link 、meta
href和src区别? title和alt
href: 指定网络资源的位置(超文本引用),从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系,在 link和a 等元素上使用
src: 属性仅仅嵌入当前资源到当前文档元素定义的位置,是页面必不可少的一部分,是引入。在 img、script、iframe 等元素上使用
title: 既是html标签,又是html属性,title作为属性时,用来为元素提供额外说明信息,通常当鼠标滑动到元素上的时候显示
alt: alt是html标签的属性,alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息
iframe有那些缺点?
iframe会阻塞主页面的Onload事件;
搜索引擎的检索程序无法解读这种页面,不利于SEO;
iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。