web前端中HTML的笔试题有哪些

发布时间:2022-04-21 13:50:59 作者:zzz
来源:亿速云 阅读:119

今天小编给大家分享一下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标签?当你想在h2 标题后创建副标题?还是当在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网页里,多个h2标签会不利于SEO吗?

A:不影响。

According to Matt Cutts (lead of Google's webspam team and the de facto expert on these things), using multiple <h2> tags is fine, as long as you're not abusing it (like sticking your whole page in an <h2> 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 <h2>'s, then go for it.

摘自:http://www.quora.com/Does-using-multiple-h2-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>
    <h2>Hello World</h2>
    <style scoped>
        p {
            color: #FF0;
        }
    </style>
    <p>This is my text</p>
</article>
<article>
    <h2>This is awesome</h2>
    <p>I am some other text</p>
</article>

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

Q8:HTML5 支持块级超链接吗?例如:

<article>
    <a href="#">
        <h2>Hello</h2>
        <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!

以上就是“web前端中HTML的笔试题有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

推荐阅读:
  1. Web前端中HTML是什么
  2. Web前端有哪些HTML面试题

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

web前端 html

上一篇:react中key的作用是什么

下一篇:git使用小技巧实例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》