溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

web前端中HTML的筆試題有哪些

發(fā)布時間:2022-04-21 13:50:59 來源:億速云 閱讀:117 作者:zzz 欄目:web開發(fā)

今天小編給大家分享一下web前端中HTML的筆試題有哪些的相關(guān)知識點,內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

web前端中HTML的筆試題有哪些

Q1:<keygen> 是正確的HTML5標(biāo)簽嗎?

A:是。

<keygen> 標(biāo)簽規(guī)定用于表單的密鑰對生成器字段。當(dāng)提交表單時,私鑰存儲在本地,公鑰發(fā)送到服務(wù)器。是HTML5 標(biāo)簽。

Q2:<bdo> 標(biāo)簽是否可以改變文本方向?

A:可以。

<bdo>標(biāo)簽覆蓋默認(rèn)的文本方向。

<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> 標(biāo)簽規(guī)定獨立的流內(nèi)容(圖像、圖表、照片、代碼等等)。figure 元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān),但如果被刪除,則不應(yīng)對文檔流產(chǎn)生影響。使用<figcaption>元素為figure添加標(biāo)題(caption)。

Q4:哪種情況下應(yīng)該使用small標(biāo)簽?當(dāng)你想在h2 標(biāo)題后創(chuàng)建副標(biāo)題?還是當(dāng)在footer里面增加版權(quán)信息?

A:small標(biāo)簽一般使用場景是在版權(quán)信息和法律文本里使用,也可以在標(biāo)題里使用標(biāo)注附加信息(bootstrap中可見),但不可以用來創(chuàng)建副標(biāo)題。

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:在一個結(jié)構(gòu)良好的web網(wǎng)頁里,多個h2標(biāo)簽會不利于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:如果你有一個搜索結(jié)果頁面,你想高亮搜索的關(guān)鍵詞。什么HTML 標(biāo)簽可以使用?

A:<mark> 標(biāo)簽表現(xiàn)高亮文本。

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 屬性是一個布爾屬性。如果使用該屬性,則樣式僅僅應(yīng)用到 style 元素的父元素及其子元素。

Q8:HTML5 支持塊級超鏈接嗎?例如:

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

A:支持。

HTML5中<a> 元素表現(xiàn)為一個超鏈接,支持任何行內(nèi)元素和塊級元素。

Q9:當(dāng)下列的HTML代碼加載時會觸發(fā)新的HTTP請求嗎?

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

A:會哇

Q10:當(dāng)下列的HTML代碼加載時會觸發(fā)新的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的筆試題有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI