web前端筆試題庫之HTML篇-html教學-PHP中文網

首頁

web前端

html教學

web前端筆試題庫之HTML篇

青灯夜游

Apr 21, 2022 am 11:56 AM

web前端html

總結了一些web前端面試（筆試）題分享給大家，這篇文章就先給大家分享HTML部分的筆試題（附答案），大家可以自己做，看看能答對幾個！

web前端筆試題庫之HTML篇

相關推薦：《web前端筆試題庫之CSS篇》

Q1：<keygen></keygen> 是正確的HTML5標籤嗎？

A：是。

<keygen></keygen> 標籤規定用於表單的金鑰對產生器欄位。當提交表單時，私鑰儲存在本地，公鑰發送到伺服器。是HTML5 標籤。

Q2：<bdo></bdo> 標籤是否可以改變文字方向？

A：可以。

<bdo></bdo>標籤覆寫預設的文字方向。

<bdo dir="rtl">Here is some text</bdo>

Q3：下列HTML程式碼是否正確？

<figure>
    <img src="/static/imghwm/default1.png"  data-src="myimage.jpg"  class="lazy"   alt="My image">
    <figcaption>
        <p>This is my self portrait.</p>
    </figcaption>
</figure>

A：正確

<figure></figure> 標籤規定獨立的串流內容（圖像、圖表、照片、程式碼等等）。 figure 元素的內容應該與主內容相關，但如果被刪除，則不應對文件流產生影響。使用<figcaption></figcaption>元素為figure新增標題（caption）。

Q4：在哪種情況下應該使用small標籤？當你想在h1 標題後創建副標題？還是當在footer裡面增加版權資訊？

A：small標籤一般使用場景是在版權資訊和法律文字裡使用，也可以在標題裡使用標註附加資訊（bootstrap中可見），但不可以用來創建副標題。

The HTML Small Element (<small></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
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.#ul#ultio you#pulti headings and it would be natural to use multiple
's, then go for it.

摘自：http://www.quora.com/Does-using-multiple-h1-tags-on -a-page-affect-search-engine-rankings

#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 id="Hello-nbsp-World">Hello World</h1>
    <style scoped>
        p {
            color: #FF0;
        }
    </style>
    <p>This is my text</p>
</article>
<article>
    <h1 id="This-nbsp-is-nbsp-awesome">This is awesome</h1>
    <p>I am some other text</p>
</article>

A：scoped 屬性是一個布林屬性。如果使用該屬性，則樣式僅套用到 style 元素的父元素及其子元素。

Q8：HTML5 支援區塊級超連結嗎？例如：

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

A：支援。

HTML5中元素表現為超鏈接，支援任何行內元素和區塊級元素。

Q9：下列的HTML程式碼載入時會觸發新的HTTP請求嗎？

<img src="/static/imghwm/default1.png"  data-src="mypic.jpg"  class="lazy"     style="max-width:90%" alt="My picture">

A：會哇

#Q10：下列的HTML程式碼載入時會觸發新的HTTP請求嗎？

<div style="display: none;">
    <img src="/static/imghwm/default1.png"  data-src="mypic.jpg"  class="lazy"   alt="My photo">
</div>

A：會！

Q11：main1.css一定會在alert('Hello world')被載入和編譯嗎?##

<head>
    <link href="main1.css" rel="stylesheet">
    <script>
        alert(&#39;Hello World&#39;);
    </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篇的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文轉載於：github。如有侵權，請聯絡admin@php.cn刪除

HTML，CSS和JavaScript的未來：網絡開發趨勢Apr 19, 2025 am 12:02 AM

HTML的未來趨勢是語義化和Web組件，CSS的未來趨勢是CSS-in-JS和CSSHoudini，JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果，Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積，CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡，Serverless簡化開發但需優化冷啟動問題。

HTML：結構，CSS：樣式，JavaScript：行為Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是：1.HTML定義網頁結構，2.CSS控製網頁樣式，3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來：網絡設計的發展和趨勢Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML與CSS vs. JavaScript：比較概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。

HTML：是編程語言還是其他？Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。

HTML：建立網頁的結構Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

從文本到網站：HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一種用於構建網頁的語言，通過標籤和屬性定義網頁結構和內容。 1）HTML通過標籤組織文檔結構，如、。 2）瀏覽器解析HTML構建DOM並渲染網頁。 3）HTML5的新特性如、、增強了多媒體功能。 4）常見錯誤包括標籤未閉合和屬性值未加引號。 5）優化建議包括使用語義化標籤和減少文件大小。

了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

See all articles