当前位置：网站首页技术文章网络编程正文

web前端笔试题库之HTML篇

时间：2022-04-22 [网络编程]作者：fabuyuan 浏览：9 次

总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！

推荐阅读：

黑色手表首饰网站源码_织梦dedecms模板 [自适应手机版]

织梦CMS仿资源吧网站模板精仿资源吧网站源码

雪花IDC财务管理系统模板_服务器管理模板

最新抖音去水印小程序源码_带安装教程

相关推荐：《web前端笔试题库之CSS篇》

Q1：<keygen> 是正确的HTML5标签吗？

A：是。

<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。是HTML5 标签。

Q2：<bdo> 标签是否可以改变文本方向？

A：可以。

<bdo>标签覆盖默认的文本方向。

<bdo dir="rtl">Here is some text</bdo>

Q3：下列HTML代码是否正确？

<figure>
    <img src="myimage.jpg" alt="My image">
    <figcaption>
        <p>This is my self portrait.</p>
    </figcaption>
</figure>

A：正确

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。使用<figcaption>元素为figure添加标题（caption）。

Q4：哪种情况下应该使用small标签？当你想在h1 标题后创建副标题？还是当在footer里面增加版权信息？

A：small标签一般使用场景是在版权信息和法律文本里使用，也可以在标题里使用标注附加信息（bootstrap中可见），但不可以用来创建副标题。

The HTML Small Element (<small>) makes the text font size one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size. In HTML5, this element is repurposed to represent side-comments and small print, including copyright and legal text, independent of its styled presentation.

Q5：在一个结构良好的web网页里，多个h1标签会不利于SEO吗？

A：不影响。

According to Matt Cutts (lead of Google's webspam team and the de facto expert on these things), using multiple <h1> tags is fine, as long as you're not abusing it (like sticking your whole page in an <h1> and using CSS to style it back to normal size). That would likely have no effect, and might trigger a penalty, as it looks spammy.
If you have multiple headings and it would be natural to use multiple <h1>'s, then go for it.
摘自：http://www.quora.com/Does-using-multiple-h1-tags-on-a-page-affect-search-engine-rankings

Q6：如果你有一个搜索结果页面，你想高亮搜索的关键词。什么HTML 标签可以使用?

A：<mark> 标签表现高亮文本。

The HTML <mark> Element represents highlighted text, i.e., a run of text marked for reference purpose, due to its relevance in a particular context. For example it can be used in a page showing search results to highlight every instance of the searched for word.

Q7：下列代码中scope 属性是做什么的？

<article>
    <h1>Hello World</h1>
    <style scoped>
        p {
            color: #FF0;
        }
    </style>
    <p>This is my text</p>
</article>
<article>
    <h1>This is awesome</h1>
    <p>I am some other text</p>
</article>

A：scoped 属性是一个布尔属性。如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。

Q8：HTML5 支持块级超链接吗？例如：

<article>
    <a href="#">
        <h1>Hello</h1>
        <p>I am some text</p>
    </a>
</article>

A：支持。

HTML5中<a> 元素表现为一个超链接，支持任何行内元素和块级元素。

Q9：当下列的HTML代码加载时会触发新的HTTP请求吗？

<img src="mypic.jpg" style="visibility: hidden" alt="My picture">

A：会哇

Q10：当下列的HTML代码加载时会触发新的HTTP请求吗？

<div style="display: none;">
    <img src="mypic.jpg" alt="My photo">
</div>

A：会！

Q11：main1.css一定会在alert('Hello world')被加载和编译吗?

<head>
    <link href="main1.css" rel="stylesheet">
    <script>
        alert('Hello World');
    </script>
</head>

A：是！

Q12：在main2.css获取前main1一定必须被下载解析吗？

<head>
    <link href="main1.css" rel="stylesheet">
    <link href="main2.css" rel="stylesheet">
</head>

A：no!

Q13：在Paragraph 1加载后main2.css才会被加载编译吗？

<head>
    <link href="main1.css" rel="stylesheet">
</head>
<body>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <link href="main2.css" rel="stylesheet">
</body>

A：yes!

【相关推荐：html 视频教程、web前端】

以上就是web前端笔试题库之HTML篇的详细内容，更多请关注站长家园其它相关文章！

本文标签： web前端html

转载请注明来源：web前端笔试题库之HTML篇

本文永久链接地址：https://www.adminjie.com/post/11443.html

免责声明：
本站所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。

附：
二○○二年一月一日《计算机软件保护条例》第十七条规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬！鉴于此，也希望大家按此说明研究软件！

版权声明：
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享，着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源，请于下载后的24小时内删除。如需体验更多乐趣，还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的，若有侵犯你的权益请：提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后，情况属实的会在三个工作日内为您删除。

更多精彩内容

最新文章

oracle怎么关闭触发器

oracle关闭触发器的方法：1、利用“altertable表名disablealltriggers;”语句关闭表中所有的触发器；2、利用“alter...
什么是状态？深入学习angular中的动画

本篇文章带大家深入了解一下angular中的动画，简单介绍一下创建动画的方法，并聊聊关键帧动画、动画回调、可重用动画、交错动画等知识点，希望对大家有所帮助！状态...
Excel数据查询之INDEX和MATCH函数

本篇文章给大家带来了关于excel的相关知识，主要介绍了INDEX函数和MATCH函数，这两个函数组合，能够完成VLOOKUP函数和HLOOKUP函数的全部查找...
深入了解Vue中的调试工具和指令

本篇文章带大家继续学习Vue，详细介绍一下Vue入门必备知识中的调试工具和指令，希望对大家有所帮助！vue的调试工具（1）安装vue-devtools调试...
php中哪个符号可以声明一个数组

php中的“[]”符号可以声明一个数组。两种声明方法：1、用“$数组变量名=[元素值]”语句，“[]”中可以包含多个值列表，值之间用逗号分隔，若省略值列表则声明...

热门文章

VUE中V-IF条件判断改变元素的样式操作

这篇文章主要介绍了VUE中V-IF条件判断改变元素的样式操作，具有很好的参考价值，希望对大家有所帮助。一起跟随想过来看看吧...
Discuz如何解决安装时报错run_sql_error

问题环境VMware虚拟机Centos7.3PHP7.0MySQL8.0NGINX1.14Discuz3.4问题还原本地环境为PHP5.6+MySQL5.6在安...
低版本VS项目在VS2019无法正常编译的问题

低版本VS项目在VS2019无法正常编译的问题这里指的编译并不准确，只是为了方便说明。后有（未安装），201？...
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)

实现原理使用redis链表来做，因为pop操作是原子的，即使有很多用户同时到达，也是依次执行，推荐使用。实现步骤第一步，先将商品库存入队列/**.trigge...
Oracle数据库的实例/表空间/用户/表之间关系简单讲解

完整的Oracle数据库通常由两部分组成：Oracle数据库和数据库实例。Oracle是一种数据库管理系统，是一种关系型的数据库管理系统。我们用这些高级权限账号...