溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下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的筆試題有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
