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

青灯夜游

リリース： 2022-04-21 14:41:08

転載

4167 人が閲覧しました

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

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

#関連する推奨事項: 「
Web フロントエンド筆記試験問題バンク CSS 章」

Q1: は正しい HTML5 タグですか? #A: はい。

このタグは、フォームに使用するキーペアジェネレーターフィールドを指定します。フォームが送信されると、秘密キーがローカルに保存され、公開キーがサーバーに送信されます。はHTML5のタグです。

Q2: ラベルでテキストの方向を変更できますか? #A: はい。

タグは、デフォルトのテキスト方向をオーバーライドします。

<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 要素のコンテンツはメインコンテンツに関連している必要がありますが、削除してもドキュメントフローに影響を与えるべきではありません。

要素を使用して、図にキャプションを追加します。

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

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

HTML Small 要素 (

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

Matt Cutts (Google のウェブスパムチームのリーダーであり、これらに関する事実上の専門家) によると、悪用しない限り、複数の

タグを使用しても問題ありません。ページ全体を

に貼り付け、CSS を使用してスタイルを通常のサイズに戻します)。これではおそらく効果がなく、スパムのように見えるためペナルティが発生する可能性があります。複数の

を使用するのが自然でしょう。抜粋: http://www.quora.com/Does-using-multiple-h1-tags- on -a-page-affect-search-engine-rankings

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

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

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

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 の要素はハイパーリンクとして表示され、あらゆるインライン要素とブロックレベルの要素をサポートします。

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 サイトの他の関連記事を参照してください。