当前位置：文档之家› html面试题

html面试题

html面试题
html面试题

HTML习题库

一、选择题

1. 在一个框架的属性面板中，不能设置下面哪一项。（A ）

A．源文件B．边框颜色C．边框宽度D．滚动条

2. 下列哪一项表示的不是按钮。（C ）

A．type="submit" B．type="reset" C．type="image" D．type="button"

3. 下面哪一个属性不是文本的标签属性？（）

A．size B．align C．color D．face

4. 下面哪一项的电子邮件链接是正确的？（）

A．https://www.doczj.com/doc/d85529473.html, B．xxx@.net C．xxx@com D．xxx@https://www.doczj.com/doc/d85529473.html,

5. 当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（）

A．ASP B．HTML C．ZIP D．CGI

6. 关于表格的描述正确的一项是。（）

A．在单元格内不能继续插入整个表格

B．可以同时选定不相邻的单元格

C．粘贴表格时，不粘贴表格的内容

D．在网页中，水平方向可以并排多个独立的表格

7. 如果一个表格包括有1 行4 列，表格的总宽度为“699”，间距为“5”，填充为“0”，边

框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（）

A．126 B．136 C．147 D．167

8. 关于文本对齐，源代码设置不正确的一项是：（）

A．居中对齐：…

B．居右对齐：…

C．居左对齐：…

D．两端对齐：…

9. 下面哪一项是换行符标签？（）

A． B． C．
D．

10. 下列哪一项是在新窗口中打开网页文档。（）

A．_self B．_blank C．_top D．_parent

11. 下面对JPEG 格式描述不正确的一项是。（）

A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG 格式

B．JPEG支持很高的压缩率，因此其图像的下载速度非常快

C．最高只能以256 色显示的用户可能无法观看JPEG 图像

D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩12. 在一个框架组的属性面板中，不能设置下面哪一项。（）

A．边框颜色B．子框架的宽度或者高度C．边框宽度D．滚动条

13．Web 安全色所能够显示的颜色种类为( )。

A 216 色

B 256 色

C 千万种颜色

D 1500 种色

14．常用的网页图像格式有( )和( ).

A.gif，tiff B．tiff，jpg C．gif，jpg D．tiff，png

15．如果要表单提交信息不以附件的形式发送，只要将表单的“MTME 类型”设置为( )。

A.text／plain B．password C．submit D．button

16．下面说法错误的是( )。

A.CSS 样式表可以将格式和结构分离B．CSS 样式表可以控制页面的布局

C．CSS 样式表可以使许多网页同时更新D．CSS 样式表不能制作体积更小下载更快

的网页

17．CSS 样式表不可能实现( )功能。

A.将格式和结构分离B．一个CSS 文件控制多个网页

C. 控制图片的精确位置D．兼容所有的浏览器

18．表格是网页中的( )，框架是由数个( )组成的。

A.元素，帧B．元素，元素C.帧，元素D．结构，帧

19．要使表格的边框不显示，应设置border 的值是( )。

A．1 B．0 C．2 D．3

20．在HTML中，( )不是链接的目标属性。

A.self B．new C．blank D．top

21．在网页设计中，( )是所有页面中的重中之重，是一个网站的灵魂所在。

A．引导页B．脚本页面C.导航栏D．主页面

22．为了标识一个HTML文件应该使用的HTML标记是( )。

A．

<／p> B．<／body> C．<／html> D．

<／table> 23．在客户端网页脚本语言中最为通用的是( ).

A.JavaScript B．VB C．Perl D．ASP

24．在HTML中，标记的Size属性最大取值可以是( )。

A.5 B．6 C．7 D．8

25．在HTML中，标记

的作用是( )。
A.标题标记B．预排版标记C.转行标记D．文字效果标记
26．在DHTML中把整个文档的各个元素作为对象处理的技术是( ).
A.HTML B．CSS C.DOM D．Script(脚本语言)
27．下面不属于CSS 插入形式的是( ).
A.索引式B．内联式C．嵌入式D．外部式
28．如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。
A．HTTP B．HTTPS C．SHTTP D．SSL
29．下列描述错误的是( )。
A.DHTML是HTML基础上发展的一门语言
B．根据处理用户操作位置的不同，HTML主要分为两大类：服务器端动态页面和客户
端动态页面
C．客户端的DHTML技术包括HTML4．0、CSS、DOM 和脚本语言
D．DHTML侧重于WEB 内容的动态表现
30．可以不用发布就能在本地计算机上浏览的页面编写语言是（）。
AASP BHTML CPHP DJSP
31．在网页中，必须使用（）标记来完成超级链接。
A… B
…
 C… D
  • …
    • 32．有关网页中的图像的说法不正确的是（）。
    A网页中的图像并不与网页保存在同一个文件中，每个图像单独保存
    B HTML语言可以描述图像的位置、大小等属性
    C HTML语言可以直接描述图像上的像素
    D 图像可以作为超级链接的起始对象
    33．下列HTML标记中，属于非成对标记的是（）。
    A
  •  B
       C 
       D 
      34．用HTML标记语言编写一个简单的网页，网页最基本的结构是（）。
      A … … 
      B  … … 
      C  … … 
      D  … … 
      35．主页中一般包含的基本元素有（）。
      A超级链接B图像C 声音D 表格
      36．以下标记符中，用于设置页面标题的是（）
      A.</p><p>B.<caption></p><p>C.<head></p><p>D.<html></p><p>37．以下标记符中，没有对应的结束标记的是（）</p><p>A.<body></p><p>B.<br></p><p>C.<html></p><p>D.<title></p><p>38．若要是设计网页的背景图形为bg.jpg，以下标记中，正确的是（）</p><p>A.<body background=”bg.jpg”></p><p>B.<body bground=”bg.jpg’’></p><p>C.<body image=”bg.jpg”></p><p>D.<body bgcolor=”bg.jpg”></p><p>39．若要以标题2 号字、居中、红色显示”vbscrip”，以下用法中，正确的是（）</p><p>A.<h2><div align=”center”><color=”#ff00000”>vbscript</div></h2></font></p><p>B.<h2><div align=”center”>< font color=”#ff00000”>vbscript</div></h2></font></p><p>C.<h2><div align=”center”><font color=”#ff00000”>vbscript<</h2>/div></font></p><p>D.<h2><di v align=”center”>< font color=”#ff00000”>vbscript</font></div></h2> 40．若要以加粗宋体、12 号字显示“vbscript”以下用法中，正确的是（）</p><p>A.<b><font size=12>vbscript</b></font></p><p>B.<b><font face=”宋体”size=12>vbscript</font></b></p><p>C.<b><font size=“宋体”size=12>vbscript</b></font></p><p>D.<b><font size=“宋体”fontsize=12>vbscript</b></font></p><p>41．若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg,所链接的地址为https://www.doczj.com/doc/d85529473.html,,以下用法中，正确的是（）；</p><p>A <a href=”https://www.doczj.com/doc/d85529473.html,”>myhome.jpg</a></p><p>B <a href=” https://www.doczj.com/doc/d85529473.html,”><img src=”myhome.jpg”></a></p><p>C <img src=”myhome.jpg”><a href =”https://www.doczj.com/doc/d85529473.html,”></a></p><p>D <a href =https://www.doczj.com/doc/d85529473.html,><img src=”myhome.jpg”></p><p>42．以下标记中，用于定义一个单元格的是（）；</p><p>A <td> </td></p><p>B <tr>…</tr></p><p>C <table>…</table> d<caption>…</caption></p><p>43．用于设置表格背景颜色的属性的是( );</p><p>A background</p><p>B bgcolor</p><p>C BorderColor</p><p>D backgroundColor</p><p>44．要将页面的当前位置定义成名为”vbpos”和锚，其定义方法正确的是（）A．<a href=:vbpos”></a></p><p>B．<a href=”#vbpos”>vbpos</a></p><p>C．<a name=vbpos></p><p>D．<a name=”vbpos”></a></p><!--/p3--><!--p4--><p>45．若要获得名为login的表单中，名为txtuser 的文本输入框的值，以下获取的方法中，正</p><p>确的是（）；</p><p>A username=login.txtser.value</p><p>B username=document.txtuser.value</p><p>C username=document.login.txtuser C username=document.txtuser.value</p><p>46．若要产生一个4行30 列的多行文本域，以下方法中，正确的是（）。</p><p>A．<Input type=”text”Rows=”4”Cols=”30”Name=”txtintrol”></p><p>B.<TextArea Rows=”4” Cols=”30” Name=”txtintro”></p><p>C.<TextArea Rows=”4” Cols=”30” Name=”txtintro”></TextArea></p><p>D.<TextArea Rows=”30” Cols=”4”Name=”txtintro”></TextArea></p><p>47．用于设置文本框显示宽度的属性是（）。</p><p>A.Size B MaxLength C. Value D.Length</p><p>48．在网页中若要播放名为demo.avi 的动画，以下用法中，正确的是（）。</p><p>A.<Embed src=”demo.avi” autostart=true></p><p>B.<Embed src=”demo.avi” autoopen=true></p><p>C.<Embed src=”demo.avi” autoopen=true></Embed></p><p>D.<Embed src=”demo.avi” autostart=true></Em bed></p><p>49．若要循环播放背景音乐bg.mid，以下用法中，正确的是（）。</p><p>A.<bgsound src=”bg.mid” Loop=”1”></p><p>B.<bgsound src=”bg.mid” Loop=True></p><p>C.<sound src=”bg.mid” Loop=”True”></p><p>D.<Embed src=”bg.mid” autostart=true></Embed></p><p>50．以下标记中，用来创建对象的是（）。</p><p>A．<Object> B. <Embed> C<Form> . D.<Marquee></p><p>51．以下标记中，可用来产生滚动文字或图形的是（）。</p><p>A.<Scroll></p><p>B.<Marquee></p><p>C.<TextArea></p><p>D.<IFRAME></p><p>52．可用来在一个网页中嵌入显示另一个网页内容的标记符是（）。</p><p>A.<Marquee></p><p>B. <IFRAME></p><p>C.<Embed></p><p>D.<Object></p><p>53．若要在网页中插入样式表main.css,以下用法中，正确的是（）。</p><p>A.<Link href=”main.css” type=text/css rel=st ylesheet></p><p>B.<Link Src=”main.css” type=text/css rel=stylesheet></p><p>C.<Link href=”main.css” type=text/css></p><p>D.<Include href=”main.css” type=text/css rel=stylesheet></p><p>54．若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,</p><p>字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。</p><p>A.<Style></p><p>.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}</p><p></style></p><p>B..myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}</p><p>C.<Style></p><p>.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</p><p></style></p><p>D.<Style></p><!--/p4--><!--p5--><p>. .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</p><p></style></p><p>55．若要使表格的行高为16pt，以下方法中，正确的是（）</p><p>A．<table border=1 style=”Ling-Height:16”>…</table></p><p>B．<table border=1 style=”Ling-Height:16pt”>…</table></p><p>C．<table border=1 LingHeight=16pt”>…</table></p><p>D．<table border=1 LingHeight=”16pt”>…</table></p><p>56．以下创建mail 链接的方法，正确的是( )</p><p>A．<a href=”master@https://www.doczj.com/doc/d85529473.html,”>管理员</a></p><p>B．<a href=”callto:master@https://www.doczj.com/doc/d85529473.html,”>管理员</a></p><p>C．<a href=”mailto:master@https://www.doczj.com/doc/d85529473.html,”>管理员</a></p><p>D．<a href=”Email:master@https://www.doczj.com/doc/d85529473.html,”>管理员</a></p><p>57．有关框架与表格的说法正确的有（）。</p><p>A框架对整个窗口进行划分B 每个框架都有自己独立网页文件</p><p>C 表格比框架更有用</p><p>D 表格对页面区域进行划分</p><p>二、填空题</p><p>1. HTML网页文件的标记是________，网页文件的主体标记是_________，标记页面标题的标记是_____________。</p><p>2. 表格的标签是</p><p>，单元格的标签是</p><p>。</p><p>3. 表格的宽度可以用百分比和</p><p>两种单位来设置。</p><p>4. 用来输入密码的表单域是</p><p>。</p><p>5. 文件头标签包括关键字、描述、</p><p>、基础和链接等。</p><p>6. “高级”CSS 样式一般应用于</p><p>。附加样式表分为</p><p>和</p><p>两种方</p><p>式。</p><p>7. RGB 方式表示的颜色都是由红、绿、</p><p>这3 种基色调和而成。</p><p>8. 表格有3 个基本组成部分：行、列和</p><p>。</p><p>9. 如果一个分为左右两个框架的框架组，要想使左侧的框架宽度不变，应该用______</p><p>单</p><p>位来定制其宽度，而右侧框架则使用</p><p>单位来定制。</p><p>10. 当表单以电子邮件的形式发送，表单信息不以附件的形式发送，应将【MIME类型】设置为</p><p>。</p><p>11. 文件头标签也就是通常所见到的</p><!--/p5--><!--p6--><p>标签。</p><p>12．创建一个HTML文档的开始标记符_________；结束标记符是_________。</p><p>13．设置文档标题以及其他不在WEB 网页上显示的信息的开始标记符_________；结束标记符是_________。</p><p>14．设置文档的可见部分开始标记符_________；结束标记符是_________。</p><p>15．网页标题会显示在浏览器的标题栏中，则网页标题应写在开始标记符_________和结束标记符_________之间。</p><p>16．要设置一条1 象素粗的水平线，应使用的HTML 语句是_________。</p><p>17．表单对象的名称由_________属性设定；提交方法由_________属性指定；若要提交大数据量的数据，则应采用_________方法；表单提交后的数据处理程序由_________属性指定。18．HTML 是一种描述性的________语言，主要用于组织网页的内容和控制输出格式。</p><p>JA V ASCRIPT 或VBSCRIPT________语言，常嵌入网页中使用，以实现对网页的编程控制，进</p><p>一步增强网页的交互性和功能。</p><p>19．表格中用列组标记符是_________。</p><p>20．将表格的行分组，用到的主要标记是___________。</p><p>21．___________通常是用来作为网站的一个欢迎页面或是一个导航页面，是一个网站留给浏览者的最初印象，因而是非常重要的。</p><p>22．__________是网页与网页之间联系的纽带，也是网页的重要特色。</p><p>23．网页中三种最基本的页面组成元素是__ 。</p><p>24．严格来说，</p><p>并不是一种编程语言，而只是一些能让浏览器看懂的标记。</p><p>25．浮动框架的标签是</p><p>。</p><p>26．实现网页交互性的核心技术是___________。</p><p>27．能够建立网页交互性的脚本语言有两种，一种是只在__________端运行的语言，另一种在网上经常使用的语言是___________端语言。</p><p>28．表单是Web___________和Web___________之间实现信息交流和传递的桥梁。</p><p>29、表单实际上包含两个重要组成部分：一是描述表单信息的_________，二是用于处理表单数据的服务器端__________。</p><p>30．请写出在网页中设定表格边框的厚度的属性_______；设定表格单元格之间宽度属性</p><p>______________；设定表格资料与单元格线的距离属性__________。</p><p>31．请写出<caption align=bottom>表格标题</caption>功能是___________________。32．<tr>….</tr>是用来定义__________；<td>…</td>是用来定义_________；<th>…</th>是用来定义__________。</p><p>33．单元格垂直合并所用的属性是__________；单元格横向合并所用的属性是___________。34．利用<table></table>标记符的____________属性可以控制表格边框的显示样式；利用</p><p><table></table>标记符的_________属性可以控制表格分隔线的显示样式。</p><p>35．设置网页背景颜色为绿色的语句________________。</p><p>36．在网页中插入背景图案（文件的路径及名称为/img/bg.jpg）的语句是_____________。37．设置文字的颜色为红色的标记格式是__________。</p><p>38．设置颜色可以用颜色的英文名称，也可用__________。</p><p>39．插入图片<img src="图形文件名">标记符中的src英文单词是_________。</p><p>40．设定图片边框的属性是___________。</p><!--/p6--><!--p7--><p>41．设定图片高度及宽度的属性是_______________。</p><p>42．设定图片上下留空的属性是___________；设定图片左右留空的属性是___________。43．为图片添加简要说明文字的属性是________。</p><p>44．Area 的shape属性中，shape=rect 表示的形状为__________；shape=circle表示的形状为</p><p>_________；shape=poly表示的形状为________。</p><p>45．在网页中嵌入多媒体，如电影，声音等用到的标记是____________。</p><p>46．在页面中添加背景音乐bg.mid，循环播放3 次的语句是__________。</p><p>47．在页面中实现滚动文字的标记是_______。</p><p>48．<img src="ex.GIF" dynsrc="ex.A VI" loop=3 loopdelay=250>语句的功能是__________。49．用来在视频窗口下附加MS－WINDOWS 的A VI 播放控制条的属性是___________。50．预格式化文本标记<pre></pre>的功能是_________。</p><!--/p7--><!--rset--><h2>Web前端开发笔试题集锦(已读)</h2><p>Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2，截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3，判断一个字符串中出现次数最多的字符，统计这个次数 //将字符串的字符保存在一个hash table中，key是字符，value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table，获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4，IE与FF脚本兼容性问题 (1) window.event： 表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象 (2) 获取事件源</p><h2>最新web前端面试题(及答案)</h2><p>1、常用那几种浏览器测试？有哪些内核(Layout Engine)? 答： (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2、说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）答： (Q1) 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 (Q2) 兼容性：display:inline-block;*display:inline;*zoom:1; 3、清除浮动有哪些方式？比较好的方式是哪一种？ 答： (Q1) （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。 （8）结尾处加br标签clear:both。 (Q2) 比较好的是第3种方式，好多网站都这么用。 4、box-sizing常用的属性有哪些？分别有什么作用？ 答： (Q1)box-sizing: content-box|border-box|inherit; (Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度 之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内 进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的 宽度和高度。 5、Doctype作用？标准模式与兼容模式各有什么区别? 答： (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不 存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防 止站点无法工作。 6、HTML5 为什么只需要写？</p><h2>前端面试题大全(html篇)</h2><p>HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言。最主要的不同： (1)XHTML元素必须被正确地嵌套 (2)XHTML元素必须被关闭 (3)XHTML标签名必须用小写字母 (4)XHTML文档必须拥有根元素 2.什么是语义化的HTML html5的语义化是指用正确的标签包含正确的容，比如nav标签就应该包含导航条容 (1)直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！ (2)html语义化就是让页面的容结构化，便于对浏览器、搜索引擎解析 (3)在没有CCS样式情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下和各个关键字的权重，利于SEO。 (4)使阅读源代码的人更容易将分块，便于阅读维护理解。 写一段语义的html代码(HTML5中新增加的很多标签如：<article>、<nav>、<header>和<footer>等。就是基于语义化设计原则) < div id="header"> < h1>标题< /h1> < h2>专注Web前端技术< /h2> < /div> 语义HTML 具有以下特性： 文字包裹在元素中，用以反映容。例如： 段落包含在 元素中。 顺序表包含在<ol>元素中。 从其他来源引用的大型文字块包含在<blockquote>元素中。 HTML 元素不能用作语义用途以外的其他目的。例如： <h1>包含标题，但并非用于放大文本。 <blockquote>包含大段引述，但并非用于文本缩进。 空白段落元素( ) 并非用于跳行。 文本并不直接包含任何样式信息。例如： 不使用<font> 或<center> 等格式标记。 类或ID 中不引用颜色或位置。 3.常见的浏览器核有哪些 Trident核：IE, Max Thon, TT, The World,360,搜狗浏览器等。[又称MSHTML] Gecko核：Netscape6及以上版本，FF, Mozilla Suite / Sea Monkey等 Presto核：Opera7及以上。[Opera核原为：Presto，现为：Blink;] Webkit核：Safari, Chrome等。[ Chrome的：Blink（WebKit的分支）] 有哪些新特性、移除了那些元素如何区分HTML 和HTML5 HTML5 现在已经不是SGML 的子集。 主要是关于图像，位置，存储，多任务等功能的增加：</p><h2>html5面试题及答案架构篇</h2><p>html5面试题及答案架构篇 1、如果让你来制作一个访问量很高的大型网站，你会如何来管理所有css、js 文件、图片？ （1）遵循自定的一套CSS，JS和图片文件和文件夹命名规范 （2）依托采用的前端工程化工具，依照工具脚手架规范(gulp, webpack, grunt, yeoman) （3）依据采用的框架规范（Vue, React, jQuery） 2、如果没有框架、怎么搭建你的项目 应用原生JS自己尝试搭建一个MVC架构： (1) 基本模块 common：公共的一组件，下面的各模块都会用到 config：配置模块，解决框架的配置问题 startup：启动模块，解决框架和Servlet如何进行整合的问题 plugin：插件模块，插件机制的实现，提供IPlugin的抽象实现 routing：路由模块，解决请求路径的解析问题，提供了IRoute的抽象实现和基本实现controller：控制器模块，解决的是如何产生控制器 model：视图模型模块，解决的是如何绑定方法的参数</p><p>action：action模块，解决的是如何调用方法以及方法返回的结果，提供了IActionResult的抽象实现和基本实现 view：视图模块，解决的是各种视图引擎和框架的适配 filter：过滤器模块，解决是执行Action，返回IActionResult前后的AOP功能，提供了IFilter的抽象实现以及基本实现 （2）扩展模块 filters：一些IFilter的实现 results：一些IActionResult的实现 routes：一些IRoute的实现 plugins：一些IPlugin的实现 详细参见：https://www.doczj.com/doc/d85529473.html,/lovecindywang/p/4444915.html 3、在选择框架的时候要从哪方面入手 影响团队技术选型有很多因素，如技术组成，新技术，新框架，语言及发布等。为了更好的考量不同的因素，需要列出重要的象限，如开发效率、团队喜好，依次来决定哪个框架更适合当前的团队和项目。上线时间影响框架选择，不要盲目替换现有框架。 （1）jQuery 项目功能比较简单。并不需要做成一个单页面应用，就不需要MV* 框架。项目是一个遗留系统。与其使用其他框架来替换，不如留着以后重写项目。 （2）AngularJS</p><h2>web前端开发面试题汇总模板</h2><p>web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？ （IE8 以下） 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 兼容性：display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式？比较好的方式是哪一种？ （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。</p><p>（8）结尾处加br标签clear:both。 总结：比较好的是第3种方式，简洁方便。 4. box-sizing常用的属性有哪些？分别有什么作用？ 常用的属性：box-sizing: content-box border-box inherit; 作用：content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用？标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>？ HTML5不基于SGML，因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时，使用link和@import有什么区别？ （1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面</p><h2>WEB前端面笔试题总结</h2><p>1. 如何显示/隐藏一个DOM元素？ 更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。 2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局， 请写出主要的HTML标签及CSS。 1.<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”https://www.doczj.com/doc/d85529473.html,/TR/xhtml1/DTD/xhtml1-strict.dtd”> 2.<html xmlns=”http://www.w https://www.doczj.com/doc/d85529473.html,/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”> 3.<head> 4.<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> 5.<title>居中 6. 11.  12.  13.
      居中
       14. 
      15.  3. CSS中margin和padding的区别 margin是外边距，属于元素之外，相邻元素的margin可以融合。 padding是内边距，在元素之内，相邻元素的padding不可融合。 4. JavaScript中如何检测一个变量是一个String类型？请写出函数实现 function(obj) { returntypeof(obj) == ”string”; } 5. 网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态 显示“××年还剩××天××时××分××秒” 这个看我论坛右上角的就知道了… 6. 如何控制网页在网络传输过程中的数据量 题目貌似有问题，应该是减少数据量吧。 最显著的方法是启用GZIP压缩。此外保持好的编码习惯，避免重复和css、 JavaScript代码，多余的HTML标签和属性。 7. 补充代码，是鼠标单击后Button1到Button2的后面 
         
       var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this); 8. Linux中，将a、b打包为back.tar，命令是（） 不知道＝。＝ 9. Flash、Ajax各自的优缺点，在使用中如何取舍？ Flash的缺点是需要客户端安装Flash插件，比较大，且更改了默认的HTML页面行为；但可以方便地实现很多特效及动画，且具有较高权限。 Ajax的缺点是编程较为复杂，需要服务器端的支持，能实现的效果只能是DOM API 提供的，权限很低，较难跨域；但可以显著加快页面的载入速度和用户体验。 此外，二者都不能被搜索引擎索引（Google已支持Flash文本的索引），不利于SEO。 建议:重要和关键部分直接用HTML，交互部分可以使用Ajax，复杂的动画可采用Flash。 百度2010 1、JS主要数据类型？5分
      前端面试题总结HTML CSS部分
      前端面试题总结HTML CSS部分 时间：2014-02-2521:22:16来源：作者： 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js 脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML元素必须被正确地嵌套。 XHTML元素必须被关闭。 标签名必须用小写字母。 XHTML文档必须拥有根元素。 3.Doctype?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1h2h3h4form ul 行内元素:a b br i span input select Css盒模型:内容，border,margin，padding 5.CSS引入的方式有哪些?link和@import的区别是? 内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link支持使用javascript改变样式，后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
      Web前端开发工程师面试题
      一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置，可分为?(B ) A．行内样式表、内嵌样式表、混合样式表 B．行内样式表、内嵌样式表、外部样式表 C．外部样式表、内嵌样式表、导入样式表 D．外部样式表、混合样式表、导入样式表 2.对于标签，其中*代表（C ） A. 注释的时候才用上 B. 没有这个标签 C. 通配符，意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 4.下面代码片段，说法正确的是:(B ) .DIV1 { position:absolute; line-height:22px; height:58px; background-color: #FF0000; } A. Line-height:22px;修饰文本字体大小 B. position:absolute;表示绝对定位，被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像 5.用CSS设置DIV的左边为红色实线，下面设置正确的是(C ) A．style=”border-top: #ff0000 1 solid;”
      前端工程师面试题题及答案(全面综合)
      1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse() 3 、var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i
      c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口，下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D)
      2018前端面试题及答案汇总HTML
      2018前端面试题及答案汇总 1、什么是盒子模型？ 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。 2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？ 行内元素：a、b、span、img、input、strong、select、label、em、button、textar ea 块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote 空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img 3、CSS实现垂直水平居中 一道经典的问题，实现方法有很多种，以下是其中一种实现： HTML结构： 
       
       
       CSS： .wrapper{position:relative;} .content{ background-color:#6699FF; width:200px;
      height:200px; position: absolute; //父元素需要相对定位 top: 50%; left: 50%; margin-top:-100px ; //二分之一的height，width margin-left: -100px; } 4、简述一下src与href的区别 href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。 src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src 资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将j s脚本放在底部而不是头部。 5、什么是CSS Hack? 一般来说是针对不同的浏览器写不同的CSS,就是CSS Hack。 IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack（详细参考C SS文档：css文档）。例如： // 1、条件Hack