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 : <keygen> est-il la bonne balise HTML5 ? <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 : Oui. La balise <keygen> 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 <bdo> peut-elle changer le sens du texte ?

A : Oui. La balise <bdo> 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 Correct<figure> 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 <figcaption> 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 (<small>) 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

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 < ;h1>, 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 <mark> affiche le texte en surbrillance. 🎜🎜🎜L'élément HTML <mark> 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 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!