ホームページ  >  記事  >  ウェブフロントエンド  >  Web フロントエンド筆記試験問題バンク HTML 章

Web フロントエンド筆記試験問題バンク HTML 章

青灯夜游
青灯夜游転載
2022-04-21 11:56:404130ブラウズ

Web フロントエンド面接 (筆記試験) の質問をいくつかまとめて共有します。この記事では、最初に筆記試験の質問の HTML 部分 (回答付き) を共有します。自分でやってみて、どれだけ多くの質問を獲得できるかを確認することができます。正しく答えることができます!

Web フロントエンド筆記試験問題バンク HTML 章

#関連する推奨事項: 「

Web フロントエンド筆記試験問題バンク CSS 章

Q1: 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 要素を使用して、図にキャプションを追加します。

Q4: 小さなタグはどのような状況で使用する必要がありますか? h1タイトルの後にサブタイトルを作りたいときは?それともフッターに著作権情報を追加する必要がありますか?

A: 小さなタグは通常、著作権情報や法的文章で使用されます。また、タイトル内の追加情報をマークするために使用することもできます (ブートストラップで表示されます) が、使用することはできません。サブタイトルを作成します。

HTML Small 要素 (

d015d241ae6d34c34210679b5204fe85
) は、テキストのフォント サイズを 1 サイズ小さくします (たとえば、大から中、または小から x-small)。 HTML5 では、この要素は、スタイル付きの表示とは関係なく、著作権や法的テキストを含むサイド コメントや小さな文字を表すために再利用されます。 #Q5: 適切に構造化された Web ページでは、複数の h1 タグは SEO に悪影響を及ぼしますか?

#A: 影響はありません。

Matt Cutts (Google のウェブスパム チームのリーダーであり、これらに関する事実上の専門家) によると、悪用しない限り、複数の 4a249f0d628e2318394fd9b75b4636b1 タグを使用しても問題ありません。ページ全体を 4a249f0d628e2318394fd9b75b4636b1 に貼り付け、CSS を使用してスタイルを通常のサイズに戻します)。これではおそらく効果がなく、スパムのように見えるためペナルティが発生する可能性があります。複数の 4a249f0d628e2318394fd9b75b4636b1 を使用するのが自然でしょう。抜粋: http://www.quora.com/Does-using-multiple-h1-tags- on -a-page-affect-search-engine-rankings

Q6: 検索結果ページがある場合、検索キーワードを強調表示したいと考えています。どのような HTML タグを使用できますか?

A:

f920514e6447cf1d171079d1371f007f

タグは、強調表示されたテキストを表示します。

HTML f920514e6447cf1d171079d1371f007f 要素は、強調表示されたテキスト、つまり、特定のコンテキストでの関連性により、参照目的でマークされた一連のテキストを表します。検索結果を表示するページで使用すると、検索された単語のすべてのインスタンスが強調表示されます。

Q7: 次のコードで、scope 属性はどのような役割を果たしますか?

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

A: スコープ属性はブール属性です。この属性を使用すると、スタイルは style 要素の親要素とその子にのみ適用されます。

#Q8: HTML5 はブロックレベルのハイパーリンクをサポートしていますか?例:

<article>
    <a href="#">
        <h1>Hello</h1>
        <p>I am some text</p>
    </a>
</article>
A: サポートされています。 HTML5 の 3499910bf9dac5ae3c52d5ede7383485 要素はハイパーリンクとして表示され、あらゆるインライン要素とブロックレベルの要素をサポートします。

Q9: 次の HTML コードが読み込まれると、新しい HTTP リクエストがトリガーされますか?

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

Q10: 次の HTML コードが読み込まれると、新しい HTTP リクエストがトリガーされますか?

<div style="display: none;">
    <img src="mypic.jpg" 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: main2.css は段落 1 がロードされた後にロードされてコンパイルされますか?

<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: はい!

[関連する推奨事項: html ビデオ チュートリアル Web フロントエンド ]

以上がWeb フロントエンド筆記試験問題バンク HTML 章の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はgithub.ioで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。