html面试题

img标签的title和alt属性有什么区别

alt：图片加载失败时，显示在网页上的替代文字

title：鼠标（手机端该属性无意义）放在图片上时显示的文字

alt是必需属性（但属性值可为空），title非必需

H5新增了哪些标签

常见的有：article、aside、audio、video、footer、header、nav、section

块级元素、行内元素分别有哪些？

块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素：span, strong, em, br, img , input, label, select, textarea, cite

HTML5新特征

拖放（Drag and drop）API；语义化标签（header、nav、footer、article、section）

音频、视频（audio、video）API；本地离线存储（localStorage）,长期存储数据，关闭浏览器后不丢失；会话储存（sessionStorage）,数据在关闭浏览器后自动删除。

表单控件（calendar、date、time、email、url、search）；新增DOM查询 document.querySelector() 、 document.querySelectorAll()

移除的元素

a. 纯表现的元素：basefont，big，center, s，strike，tt，u；

b. 对可用性产生负面影响的元素：frame，frameset，noframes；

cookie与sessionStorage和localStorage的区别

保存方式：cookie存放在客户的浏览器上在浏览器与服务器之间来回传递，每次都会携带在HTTP头中，作用是与服务器进行交互，作为http规范的一部分而存在的。session都在客户端中保存，不参与服务器通讯。

生命周期：cookie可设置失效时间，localStorage除非手动清除否则永久保存，sessionStorage关闭当前页面或浏览器后失效

存储的大小：cookie 4kb左右，session 5M

DOCTYPE的作用？严格模式和混杂模式的区别

！DOCTYPE告诉浏览器以HTML5标准解析页面，如果不写，则进入混杂模式

严格模式（标准模式）：以w3c标准解析代码

混杂模式（怪异模式）：浏览器用自己的方式解析代码，混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作

<meta>标签的使用

<meta charset=’UTF-8’> <meta name=’keywords’ content=’关键词’>

<meta name=description=’描述’> <meta name=’viewport’ content=’视口相关属性’

Label 的作用是什么？是怎么用的？

答案：label 标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。两种用法：一种是 id 绑定，一种是嵌套

第一种id绑定：<label for="myname">用户名:</label> <input type="text" id="myname">

第二种嵌套：<label>点击<input type='text' name='theinput' id='theinput'></label>

target这个属性指定所链接的页面在浏览器窗口中的打开方式。

它的参数值主要有：

_blank ：在新浏览器窗口中打开链接文件

_parent ：将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就像 _self 参数一样。

_self ：在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。

_top ：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。

网站的构成

1网站域名：访问网站所用的地址，也就是IP地址的映射

2网站程序：包括用户浏览所看到的的页面和网站后台的管理程序，现在一般有成熟的网站管理系统

3网站空间：可以是虚拟主机或者是服务器，用于存储网站程序以及资料，并提供网站程序运行所需要的环境

B/S模式的优缺点

B/S模式是浏览器/服务器模式，优点是不用专门安装软件。维护非常方便，成本非常低，但是这种模式响应速度相对较慢，交互能力非常弱

C/S模式是客户端/服务器模式，优点是本地可以存储信息，可以为服务器分担压力，另外这种模式的交互能力比较好，响应速度也比较快，缺点是用户需要下载客户端并且后期需要不断地进行更新，另外这种模式的开发和维护成本比较高，安全性也比较低，兼容性也是比较大的问题。

为什么HTML5不需要dtd约束?

在html5之前的版本都是基于SGML。DTD 规定了标记语言的规则，是文档类型约束，这样浏览器才能正确地呈现内容。但是html5不基于SGML，其中sgml是标准通用语言，xhtml和html4.0都是标准通用语言的子集，所以不需要引用DTD

CSS中能不能实现合并单元格?为什么?（*）

CSS是层叠样式表，是一种用来控制HTML元素样式的代码；通过CSS控制，你可以改变页面上任何元素的样式，同样也要知道，它所能做的，也仅仅是改变元素的样式，样式以外的东西是没法改变的；因为合并单元格，要删除多余的单元格，那么对于改变元素的结构，CSS是心有余而力不足的

rgba（）设置透明度和opacity设置透明度的区别

rgba（）设置的透明度只是针对于元素本身，不会作用于内容，opacity设置透明度不仅作用于元素本身，还作用于内容