web前端筆試題庫之HTML篇
總結了一些web前端面試（筆試）題分享給大家，這篇文章就先給大家分享HTML部分的筆試題（附答案），大家可以自己做，看看能答對幾個！
相關推薦：《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
tags is fine, as long as you're not abusing it (like sticking your whole page in an
摘自：http://www.quora.com/Does-using-multiple-h1-tags-on -a-page-affect-search-engine-rankingsand using CSS to style it back to normal size). That would likely have no effect, and might trigger a penalty, as it looks spammy.#ul#ultio you#pulti headings and it would be natural to use multiple
's, then go for it.
#Q6：如果你有一個搜尋結果頁面，你想要高亮搜尋的關鍵字。什麼HTML 標籤可以使用?
A： 標籤表現高亮文字。
The HTML
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 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>Q8：HTML5 支援區塊級超連結嗎？例如：
<article>
<a href="#">
<h1>Hello</h1>
<p>I am some text</p>
</a>
</article>Q9：下列的HTML程式碼載入時會觸發新的HTTP請求嗎？
<img src="mypic.jpg" style="visibility: hidden" alt="My picture">
#Q10：下列的HTML程式碼載入時會觸發新的HTTP請求嗎？
<div style="display: none;">
<img src="mypic.jpg" alt="My photo">
</div>Q11：main1.css一定會在alert('Hello world')被載入和編譯嗎?##<head>
<link href="main1.css" rel="stylesheet">
<script>
alert('Hello World');
</script>
</head>
Q12：在main2.css取得前main1一定必須下載解析嗎？ <head>
<link href="main1.css" rel="stylesheet">
<link href="main2.css" rel="stylesheet">
</head>
#Q13：在Paragraph 1載入後main2.css才會被載入編譯嗎？ 以上是web前端筆試題庫之HTML篇的詳細內容。更多資訊請關注PHP中文網其他相關文章！<head>
<link href="main1.css" rel="stylesheet">
</head>
<body>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<link href="main2.css" rel="stylesheet">
</body>
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
您如何在PHP中解析和處理HTML/XML？
Feb 07, 2025 am 11:57 AM
本教程演示瞭如何使用PHP有效地處理XML文檔。 XML（可擴展的標記語言）是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲
