web前端笔试题库之HTML篇

110 阅读 0 评论 73 点赞

我是靠谱客的博主醉熏蜜蜂，最近开发中收集的这篇文章主要介绍web前端笔试题库之HTML篇，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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中可见），但不可以用来创建副标题。

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

A：不影响。

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

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

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篇的详细内容，更多请关注靠谱客其它相关文章！