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 aa983b9eb8086376f1f6481364a02e5a das richtige HTML5-Tag? aa983b9eb8086376f1f6481364a02e5a 是正确的HTML5标签吗？

A：是。

aa983b9eb8086376f1f6481364a02e5a 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。是HTML5 标签。

Q2：71af07a0e88a1ac1ff73f855702ac153 标签是否可以改变文本方向？

A：可以。

71af07a0e88a1ac1ff73f855702ac153标签覆盖默认的文本方向。

<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：正确

24203f2f45e6606542ba09fd2181843a 标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。使用614eb9dc63b3fb809437a716aa228d24元素为figure添加标题（caption）。

Q4：哪种情况下应该使用small标签？当你想在h1 标题后创建副标题？还是当在footer里面增加版权信息？

A：small标签一般使用场景是在版权信息和法律文本里使用，也可以在标题里使用标注附加信息（bootstrap中可见），但不可以用来创建副标题。

The HTML Small Element (d015d241ae6d34c34210679b5204fe85) 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 4a249f0d628e2318394fd9b75b4636b1 tags is fine, as long as you're not abusing it (like sticking your whole page in an 4a249f0d628e2318394fd9b75b4636b1 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 4a249f0d628e2318394fd9b75b4636b1's, then go for it.

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

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

A：f920514e6447cf1d171079d1371f007f 标签表现高亮文本。

The HTML f920514e6447cf1d171079d1371f007f

A: Ja. Das aa983b9eb8086376f1f6481364a02e5a-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 71af07a0e88a1ac1ff73f855702ac153 die Textrichtung ändern?

A: Ja. 71af07a0e88a1ac1ff73f855702ac153-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: Richtig24203f2f45e6606542ba09fd2181843a-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 614eb9dc63b3fb809437a716aa228d24, 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 (d015d241ae6d34c34210679b5204fe85) 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 4a249f0d628e2318394fd9b75b4636b1-Tags in Ordnung, solange Sie dies nicht missbrauchen (z. B. wenn Sie Ihre gesamte Seite in ein 4a249f0d628e2318394fd9b75b4636b1 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 f920514e6447cf1d171079d1371f007f zeigt hervorgehobenen Text an.

🎜🎜Das HTML-Element f920514e6447cf1d171079d1371f007f 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 3499910bf9dac5ae3c52d5ede7383485-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!