Chapitre HTML de la banque de questions de test écrit frontal Web

J'ai résumé quelques questions d'entretien web front-end (test écrit) à partager avec vous. Dans cet article, je vais d'abord partager avec vous la partie HTML des questions du test écrit (avec réponses). à combien de réponses pouvez-vous répondre correctement !

Recommandations associées : "Banque de questions de test écrit du front-end Web - Chapitre CSS"

Q1 : aa983b9eb8086376f1f6481364a02e5a est-il la bonne balise HTML5 ? 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 : Oui. La balise aa983b9eb8086376f1f6481364a02e5a spécifie le champ générateur de paire de clés à utiliser dans le formulaire. Lorsque le formulaire est soumis, la clé privée est stockée localement et la clé publique est envoyée au serveur. est une balise HTML5.

Q2 : La balise 71af07a0e88a1ac1ff73f855702ac153 peut-elle changer le sens du texte ?

A : Oui. La balise 71af07a0e88a1ac1ff73f855702ac153 remplace la direction du texte par défaut.

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

Q3 : Le code HTML suivant est-il correct ?

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

A : La balise Correct24203f2f45e6606542ba09fd2181843a spécifie le contenu du flux indépendant (images, graphiques, photos, code, etc.). Le contenu de l'élément figure doit être lié au contenu principal, mais ne doit avoir aucun impact sur le flux de documents s'il est supprimé. Utilisez l'élément 614eb9dc63b3fb809437a716aa228d24 pour ajouter une légende à la figure.

Q4 : Dans quelles circonstances faut-il utiliser la petite étiquette ? Quand on souhaite créer un sous-titre après un titre h1 ? Ou dois-je ajouter des informations de copyright dans le pied de page ? A : La petite balise est généralement utilisée dans les informations de copyright et les textes juridiques. Elle peut également être utilisée pour marquer des informations supplémentaires dans le titre (visibles en bootstrap), mais elle ne peut pas être utilisée pour créer des sous-titres.

Le petit élément HTML (d015d241ae6d34c34210679b5204fe85) réduit la taille de la police du texte d'une taille (par exemple, de grand à moyen, ou de petit à très petit) jusqu'au minimum du navigateur. taille de la police. En HTML5, cet élément est réutilisé pour représenter des commentaires annexes et des petits caractères, y compris le droit d'auteur et le texte juridique, indépendamment de son style de présentation.

Q5 : Dans une page Web bien structurée, plusieurs balises h1 Are. mauvais pour le référencement ?

A : Aucun impact. Selon Matt Cutts (responsable de l'équipe anti-spam de Google et expert de facto en la matière), l'utilisation de plusieurs balises 4a249f0d628e2318394fd9b75b4636b1 4a249f0d628e2318394fd9b75b4636b1 et en utilisant CSS pour lui redonner sa taille normale). Cela n'aurait probablement aucun effet et pourrait déclencher une pénalité, car cela semble être du spam.

Si vous avez plusieurs titres et qu'il serait naturel d'en utiliser plusieurs 1b080b0e6f06a87e2a3111431390ac37, alors allez-y.

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

Q6 : Si vous avez une page de résultats de recherche, vous souhaitez mettre en évidence les mots-clés de recherche. Quelles balises HTML peuvent être utilisées ?

🎜A : La balise f920514e6447cf1d171079d1371f007f affiche le texte en surbrillance. 🎜🎜🎜L'élément HTML f920514e6447cf1d171079d1371f007f représente le texte en surbrillance, c'est-à-dire une séquence de texte marquée à des fins de référence, en raison de sa pertinence dans un contexte particulier. Par exemple, il peut être utilisé dans une page. afficher les résultats de la recherche pour mettre en évidence chaque instance du mot recherché.🎜🎜🎜🎜🎜Q7 : Que fait l'attribut scope dans le code suivant ? 🎜🎜🎜

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

🎜A : L'attribut scoped est un attribut booléen. Si cet attribut est utilisé, le style est appliqué uniquement à l'élément parent de l'élément style et à ses enfants. 🎜🎜🎜🎜Q8 : HTML5 prend-il en charge les hyperliens au niveau des blocs ? Par exemple : 🎜🎜🎜

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

🎜A : Support. 🎜🎜L'élément 3499910bf9dac5ae3c52d5ede7383485 en HTML5 se comporte comme un lien hypertexte et prend en charge tous les éléments en ligne et les éléments de niveau bloc. 🎜🎜🎜🎜Q9 : Une nouvelle requête HTTP sera-t-elle déclenchée lorsque le code HTML suivant sera chargé ? 🎜🎜🎜

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

🎜A : Oui🎜🎜🎜🎜Q10 : Une nouvelle requête HTTP sera-t-elle déclenchée lorsque le code HTML suivant sera chargé ? 🎜🎜🎜

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

🎜A : Oui ! 🎜🎜🎜🎜Q11 : Est-ce que main1.css sera chargé et compilé dans alert('Hello world') ?🎜🎜🎜

<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 : Oui ! 🎜🎜🎜🎜Q12 : Est-ce que main1 doit être téléchargé et analysé avant que main2.css soit obtenu ? 🎜🎜🎜rrreee🎜A : non !🎜🎜🎜🎜Q13 : Main2.css sera-t-il chargé et compilé après le chargement du paragraphe 1 ? 🎜🎜🎜rrreee🎜A : oui !🎜

【Recommandations associées : tutoriel vidéo HTML, front-end web】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!