Web-Front-End-HTML-Kapitel für geschriebene Testfragenbank

Ich habe einige Fragen zum Web-Frontend-Interview (schriftlicher Test) zusammengefasst, um sie mit Ihnen zu teilen. In diesem Artikel werde ich Ihnen zunächst den HTML-Teil der schriftlichen Testfragen (mit Antworten) vorstellen Wie viele kannst du richtig beantworten!

Verwandte Empfehlungen: „Web Front-end Written Test Question Bank – CSS-Kapitel“

F1: Ist <keygen> das richtige HTML5-Tag? <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

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

's, then go for it.

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

Q6：如果你有一个搜索结果页面，你想高亮搜索的关键词。什么HTML 标签可以使用?

A：<mark> 标签表现高亮文本。

The HTML <mark>

A: Ja. Das <keygen>-Tag gibt das Schlüsselpaargeneratorfeld an, das im Formular verwendet werden soll. Beim Absenden des Formulars wird der private Schlüssel lokal gespeichert und der öffentliche Schlüssel an den Server gesendet. ist ein HTML5-Tag.

F2: Kann das Tag <bdo> die Textrichtung ändern?

A: Ja. <bdo>-Tag überschreibt die Standardtextrichtung.

<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>

F3: Ist der folgende HTML-Code korrekt?

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

A: Richtig<figure>-Tag gibt unabhängige Stream-Inhalte an (Bilder, Diagramme, Fotos, Code usw.). Der Inhalt des Abbildungselements sollte mit dem Hauptinhalt in Zusammenhang stehen, aber bei Entfernung keine Auswirkungen auf den Dokumentenfluss haben. Verwenden Sie das Element <figcaption>, um der Abbildung eine Beschriftung hinzuzufügen.

F4: Unter welchen Umständen sollte das kleine Etikett verwendet werden? Wann möchten Sie nach einem H1-Titel einen Untertitel erstellen? Oder sollte ich in der Fußzeile Copyright-Informationen hinzufügen? A: Das kleine Tag wird im Allgemeinen in Urheberrechtsinformationen und Rechtstexten verwendet. Es kann auch verwendet werden, um zusätzliche Informationen im Titel zu markieren (sichtbar im Bootstrap), es kann jedoch nicht zum Erstellen von Untertiteln verwendet werden.

Das kleine HTML-Element (<small>) verkleinert die Textschriftgröße um eine Größe (z. B. von groß auf mittel oder von klein auf x-klein) bis zum Minimum des Browsers Schriftgröße. In HTML5 wird dieses Element zur Darstellung von Nebenkommentaren und Kleingedrucktem, einschließlich Urheberrechts- und Rechtstexten, unabhängig von der gestalteten Darstellung umfunktioniert.

F5: In einer gut strukturierten Webseite sind mehrere h1-Tags vorhanden schlecht für SEO?

A: Keine Auswirkungen. Laut Matt Cutts (Leiter des Google-Webspam-Teams und De-facto-Experte für diese Dinge) ist die Verwendung mehrerer

-Tags in Ordnung, solange Sie dies nicht missbrauchen (z. B. wenn Sie Ihre gesamte Seite in ein

und die Verwendung von CSS, um es wieder auf die normale Größe zu bringen. Dies hätte wahrscheinlich keine Auswirkung und könnte eine Strafe auslösen, da es spammig aussieht ;h1>'s, dann legen Sie los.

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

F6: Wenn Sie eine Suchergebnisseite haben, möchten Sie die Suchbegriffe hervorheben. Welche HTML-Tags können verwendet werden?

A: Das Tag <mark> zeigt hervorgehobenen Text an.

🎜🎜Das HTML-Element <mark> stellt hervorgehobenen Text dar, d. h. eine Textzeile, die zu Referenzzwecken markiert ist, da sie beispielsweise in einem bestimmten Kontext verwendet werden kann Suchergebnisse werden angezeigt, um jede Instanz des gesuchten Worts hervorzuheben.🎜🎜🎜🎜🎜F7: Was bewirkt das Bereichsattribut im folgenden Code? 🎜🎜🎜

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

🎜A: Das Gültigkeitsbereichsattribut ist ein boolesches Attribut. Wenn dieses Attribut verwendet wird, wird der Stil nur auf das übergeordnete Element des Stilelements und seine untergeordneten Elemente angewendet. 🎜🎜🎜🎜F8: Unterstützt HTML5 Hyperlinks auf Blockebene? Zum Beispiel: 🎜🎜🎜

<div style="display: none;">
    <img src="mypic.jpg" alt="My photo">
</div>

🎜A: Unterstützung. 🎜🎜Das -Element in HTML5 verhält sich wie ein Hyperlink und unterstützt alle Inline-Elemente und Elemente auf Blockebene. 🎜🎜🎜🎜F9: Wird eine neue HTTP-Anfrage ausgelöst, wenn der folgende HTML-Code geladen wird? 🎜🎜🎜

<head>
    <link href="main1.css" rel="stylesheet">
    <script>
        alert(&#39;Hello World&#39;);
    </script>
</head>

🎜A: Ja🎜🎜🎜🎜F10: Wird eine neue HTTP-Anfrage ausgelöst, wenn der folgende HTML-Code geladen wird? 🎜🎜🎜

<head>
    <link href="main1.css" rel="stylesheet">
    <link href="main2.css" rel="stylesheet">
</head>

🎜A: Ja! 🎜🎜🎜🎜F11: Wird main1.css in der Warnung („Hallo Welt“) geladen und kompiliert?🎜🎜🎜

<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: Ja! 🎜🎜🎜🎜F12: Muss main1 heruntergeladen und analysiert werden, bevor main2.css abgerufen wird? 🎜🎜🎜rrreee🎜A: nein!🎜🎜🎜🎜F13: Wird main2.css geladen und kompiliert, nachdem Absatz 1 geladen wurde? 🎜🎜🎜rrreee🎜A: ja!🎜

【Verwandte Empfehlungen: HTML-Video-Tutorial, Web-Frontend】

Das obige ist der detaillierte Inhalt vonWeb-Front-End-HTML-Kapitel für geschriebene Testfragenbank. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!