前端HTML面试题整理

最新推荐文章于 2024-05-05 02:53:07 发布

耶耶耶嗯嗯

最新推荐文章于 2024-05-05 02:53:07 发布

阅读量1.1k

点赞数 1

文章标签： html css html5

本文链接：https://blog.csdn.net/yyhjiulaikankan/article/details/115468495

版权

近期做了一些前端的面试题，发现自己还有很多不足，因此在这里对于自己错的较多和长出现的类型题进行了整理：

1.下面关于WEB开发中，常见的技术和问题描述正确的是：( C )(常考题)
A.CSS selector中，支持按照元素的id选择，元素的名称进行选择，元素的class属性进行选择，比如 “#div .red”就是选择CSS class属性中包括red的所有的div元素
B.JSON是一种以JavaScript语法表示的数据对象格式，比如描述一个学生，包括，其中，姓名，年龄就可以这样表达 {name:“John”， age: 18}
C.HTML页面中的第一个指令：表明这是一个符合HTML5标准的页面
D.不同的浏览器对HTML渲染的方式稍有差异，但是所有的主流浏览器都支持JavaScript语言，而且提供的JavaScript的编程环境都是一致的
E.HTML页面装载时，首先把整个HTML页面下载下来，再根据HTML中出现的顺序依次下载它引用的外部的JavaScript代码和图片资源，最后才执行页面中的JavaScript代码
F.JavaScript中的函数就是一个对象，每个函数对象都继承了JavaScript的Function类

2.下列选项中哪些标签是HTML5新增的？(ACD)
A.footer
B.content
C.section
D.header
解释：h5新增的标签：
video、audio 、canvas 、source 、track 、svg 、code 、figure、 figcaption 、main 、time 、mark 、datalist 、keygen 、output 、
progress 、menu 、embed 、menuitem 、menu 、header 、
section 、nav 、aside 、article 、footer

3.关于XML，下面哪些描述是错误的：( B )
A.每个合格的XML都有唯一的根元素
B.XML和Java,C/C++一样是门编程语言
C.XML的格式上是要求严格的，每个元素的开闭必须完整，不允许交叉开闭
D.XML常用于WebService中用来做数据交换的标准
E.XML中元素是大小写敏感的
F.XML中的数据可以通过XPATH检索查询

4.HTML5提供的数据存储有哪些？( AB )( 常考题)
A.localStorage
B.sessionStorage
C.cookieStorage
D.webStorage

5.在做一份调查报告时，要求将问题文类，同一表单内的数据在一组显示，并表明此类型的名称，如何将相同类型的表单进行分组（ A ）

A.<fieldset><legend>类型名</legend>内容显示</fieldset>
B.<fieldset><label>类型名</label>内容显示</fieldset>
C.<tab><legend>类型名</legend>内容显示</tab>
D.<tab><label>类型名</label>内容显示</tab>

解释：
fieldset:将表单内的相关元素进行分组
legend:为fieldset元素定义标题

6.浏览器将打开一个新的窗口，应在a标签中使用（ C ）（常考）
A.“target=_self”
B.“target=_top”
C.“target=_blank”
D.“target=_parent”
解释：
_blank 在新窗口打开链接
_self 在当前框架中打开链接
_parent 在父框架打开链接
_top 在当前窗口打开链接
framename 在指定框架打开链接

7.以下说法正确的是（ BC ）
A.HTML中表示标题的标签应该全部使用h1
B.应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
C.应该根据页面中内容的层级关系来决定使用合适的标题标签。
D.h1标签用来描述网页中最上层的标题。

8.关于web表单登录中用到的图形验证码的实现,以下做法不正确的有（ABD）
A.返回给浏览器的html代码中包含图形验证码和文本字符串,登录前客户端判断输入内容和页面中保存的内容是否一致
B.服务器端在返回的图片和cookie中同时包含图形验证码,登录前客户端判断输入内容和cookie保存的内容是否一致
C.服务器端生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确
D.浏览器通过识别图形验证码中的内容和用户输入的内容判断是否一致

9.下列哪个不属于id与class之间的区别（ D ）
A.id在文档中只能使用一次，而class可以多次使用
B.id比class具有更高的样式优先级
C.一个元素只能有一个id属性值，却可以拥有多个class属性值
D.在class中可以定义:hover伪类，在id中不能定义

10.以下可将一对象的背景色透明度改为80%的声明是（ D ）
A.filter:alpha:(opacity=80);
B.filter:alpha: opacity=80;
C.filter:alpha:(opacity:80);
D.filter:alpha(opacity=80);
解释：
ie兼容性写法：filter:alpha(opacity=80);

11.以下哪个是正确的 HTML5 DOCTYPE声明（ B ）

A.&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
B.&lt;!DOCTYPE HTML&gt;
C.&lt;!DOCTYPE HTML5&gt;
D.&lt;!DOCTYPE XHTML&gt;

12.在HTML中嵌入PHP代码，有以下几种方法，其中错误的是（ D ）
A.以”<?php开头，以“?>”结束，中间为PHP代码。
B.以<script language="php">开头,</script> 结束，中间为PHP操作代码
C.以“<?”开头，以“?>”结束，中间为PHP操作代码
D.“<！”开头，以“！>”结束，中间为PHP操作代码
解释：
默认语法：<?php...?>
短标记：<?...?>
脚本：<script language="php">...</script>

13.哪种输入类型用于定义周和年控件（无时区）？（ B ）
A.date
B.week
C.year
解释：
data选取年、月、日
month选取月和年
week选取周和年
time选取时间（小时和分钟）

14.以下能用来设置网页数值的单位的是（ ABD ）
A.%
B.px
C.vm
D.rem

15.基于以下 HTML 结构，以下关于 main1.css 和 main2.css 的描述有哪些是正确的？（ AB ）
A.main1.css和main2.css同时开始加载，先加载完成的优先解析
B.如果main1.css和main2.css中有相同的选择器规则，那么main2.css中的规则将合并main1.css的规则
C.main2.css只有在main1.css加载并解析后，才开始加载
D.如果main1.css和main2.css中有相同的选择器规则，那么main2.css中的规则将被忽略

16.以下说法中错误的是（ AB ）
A.当元素的 position属性设置为 relative 时，设置的 top、right、bottom、left 偏移值是相对于其父元素的。
B.当元素的 position属性设置为 absolute 时，设置的 top、right、bottom、left 偏移值是相对于其父元素的。
C.网页中，rem 作为元素尺寸单位时，是相对文档根节点的font-size进行计算的。
D.在Microsoft Internet Explorer 中，盒模型默认使用的是 border-box。
解释：
relative相对于自身偏移
absolute相对上一级有定位的祖先元素
和模型默认使用的是content-box

17.不能激活触发器执行的事件是（ A ）
A.SELECT
B.UPDATE
C.INSERT
D.DELETE
解释：
触发器主要是通过(增、删、改)进行触发

18.下面哪个优先级最高？（ D ）
A.ID选择器的样式
B.HTML元素选择器，伪元素选择器
C.类选择器、属性选择器
D.HTML元素的内联样式
解释：
!import>内联样式>ID选择器>类选择器=伪类选择器=属性选择器>元素选择器>通配选择器

19.以下选项正确的是（ BCD ）

A.<p />
B.<br />
C.<hr />
D.<img />

解释：
HTML中的标签分为闭合标签和自闭合标签，自闭合标签有<input/><img/><br/><link/><hr/>等

20.需要创建一个多选框，且和文本关联起来（单击文本就像单击核选框一样）。下列 HTML 代码中，正确的是？（ AD ）

A.<label><input type="checkbox" />记住我</label>
B.<input type="checkbox" /><label for="checkbox">记住我</label>
C.<input type="checkbox" id="c1" /><label>记住我</label>
D.<input type="checkbox" id="c1" /><label for="c1">记住我</label>

耶耶耶嗯嗯

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前端HTML面试题整理

近期做了一些前端的面试题，发现自己还有很多不足，因此在这里对于自己错的较多和长出现的类型题进行了整理：1.下面关于WEB开发中，常见的技术和问题描述正确的是：( C )(常考题)A.CSS selector中，支持按照元素的id选择，元素的名称进行选择，元素的class属性进行选择，比如 “#div .red”就是选择CSS class属性中包括red的所有的div元素B.JSON是一种以JavaScript语法表示的数据对象格式，比如描述一个学生，包括，其中，姓名，年龄就可以这样表达 {name
复制链接

扫一扫