前端部分基础习题

一.HTML

1.DOCTYPE 的作用是什么？标准模式与兼容模式各有什么区别? 你知道多少种Doctype文档类型

声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

!DOCTYPE是一种标准通用标记语言的文档类型声明，它的目的是要告诉浏览器它应该使用什么样的文档类型定义（DTD）来解析文档。

标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式的排版 和 JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作！

具体区别
1.盒模型
在严格模式中 ：width是内容宽度 ，元素真正的宽度 = width;
在兼容模式中 ：width则是=width+padding+border
2.兼容模式下可设置百分比的高度和行内元素的高宽
在Standards模式下，给span等行内元素设置wdith和height都不会生效，而在兼容模式下，则会生效。
在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。
3.用margin:0 auto设置水平居中在IE下会失效
使用margin:0 auto在standards模式下可以使元素水平居中，但在兼容模式下却会失效（用text-align属性解决）
4.兼容模式下Table中的字体属性不能继承上层的设置，white-space:pre会失效，设置图片的padding会失效

标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。
Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。

2.行内元素有哪些？块级元素有哪些？ 行内块元素有那些？

常见的内联元素有：
<div>,<p>,<h1>...<h6>,<ol>,<ul>,<dl>,<table>,

<address>,<blockquote>,<form>


块级元素：
<a>,<span>,<i>,<em>,<strong>,<label>,<q>,<var>,<cite>,<code>,

<img>,<input>,<select>,<textarea>,<button>


行内块元素：
img|input|select|textarea|button等，也被称为可置换元素（Replaced element）。

3.请说出五种html5的特性

语义化标签：header,footer,nav etc.
canvas 画布
（3）audio, video

（4）drag 拖拽

（5）本地存储 localStorage, sessionStorage

（6）webSocket 长连接

（7）定位

（8）增强型表单 input number, datalist, keygen, output, progress

（9）svg 矢量绘图

（10）webWorker 实现js多进程。

4.请写出至少5个HTML块元素标签。

<div>,<p>,<li>,<ol>,<ul><h1>~<h6>

5.a标签在新窗口打开链接怎么加属性？

如果是想让a链接在新窗口打开，只需要将target的属性设置为blank

6.请列举几个html新增的标签？

video 表示一段视频并提供播放的用户界面，audio 表示音频，time 日期和时间值，source 为video和audio提供数据源，nav 导航，aside 在一边，article 文章，footer 页尾，header 页眉，main 主要的，menu 菜单

canvas 表示位图区域，track 为video和audio指定字母，svg 定义矢量图code 代码段，figure 和文档有关的图例，figcaption 图例的说明，mark 高亮的引用文字，Datalist 提供给其他控件的预定义选项，keygen 秘钥对生成器控件，output 计算值，progress 进度条，embed 嵌入的外部资源，menuitem 用户可点击的菜单项，template 模板，section 部分

7如何定义一个单选按钮？

input[type=‘radio’]radio定义单选按钮

8.简述src与href的区别？

href 是指向网络资源所在位置，建bai立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。

src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。

9. 标签上的title属性与alt属性的区别是什么？

alt是在图片不能正常加载时候显示的提示语

title属性是鼠标划上去显示的内容

10.如何处理html5新标签的浏览器兼容问题？

使用静态资源的html5shiv包（2）载入后，初始化新标签的css

11. 分别写出以下几个HTML标签：文字加粗、下标、居中、斜体