Webフロントエンド開発テストのHTML部分

ヒント：これは、http：//davidshariff.com/quiz/にあるフロントエンドの開発テストの質問のHTML部分です。理解に基づいて回答を提供します。ブリックの撮影と質問のブラッシングへようこそ==> Github倉庫アドレス。

Q：<keygen>正しいHTML5タグですか？

A：はい。

<keygen>ラベルは、フォームのキーペアジェネレータフィールドを指定します。フォームを送信すると、秘密鍵がローカルに保存され、公開鍵がサーバーに送信されます。HTML5タグです。
Q：<bdo>ラベルでテキストの方向を変更できますか？

A：はい。

<bdo>ラベルはデフォルトのテキスト方向を上書きします。
```
<bdo dir="rtl">Here is some text</bdo>
```
Q：次のHTMLコードは正しいですか？
```
<figure>
    <img src="myimage.jpg" alt="My image">
    <figcaption>
        <p>This is my self portrait.</p>
    </figcaption>
</figure>
```
A：正しい

<figure>タグは、独立したストリーミングコンテンツ（画像、チャート、写真、コードなど）を指定します。figure要素のコンテンツはメインコンテンツに関連付ける必要がありますが、削除してもドキュメントフローには影響しません。<figcaption>要素を使用してfigureキャプションを追加します。
Q：どの場合にsmallラベルを使用する必要がありますか？h1タイトルの後に字幕を作成したいときは？またはそれfooterに著作権情報を追加する必要がありますか？

A：smallタグの一般的な使用シナリオは、著作権情報とリーガルテキストで使用されます。タイトル（ブートストラップに表示）で追加情報を使用することもできますが、字幕の作成には使用できません。

HTMLの小要素（<small>）により、テキストのフォントサイズが1サイズ小さく（たとえば、大から中、小からx小）、ブラウザの最小フォントサイズになります。HTML5では、この要素は再利用されて、スタイル付きのプレゼンテーションとは関係なく、著作権や法的テキストを含む副次的なコメントや小さな印刷物を表します。
Q：適切に構成されたWebページで、複数のh1タグがSEOに悪影響を及ぼしますか？

A：影響はありません。

Matt Cutts（Googleのウェブスパムチームのリーダーであり、これらの事実上の専門家）によると、複数の<h1>タグを使用しても問題ありません（ページ全体を貼り付け、<h1>CSSを使用してスタイルを元に戻すなど）。通常のサイズに）。スパムのように見えるので、それはおそらく効果がなく、ペナルティを引き起こす可能性があります。

複数の見出しがあり<h1>、複数のを使用するのが自然な場合は、それを選択してください。

抜粋：http : //www.quora.com/Does-using-multiple-h1-tags-on-a-page-affect-search-engine-rankings
Q：検索結果ページがある場合、検索キーワードを強調表示したいと思います。どのHTMLタグを使用できますか？

A：<mark>ラベルは強調表示されたテキストを表します。

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

Q：次のコードの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：scoped属性はブール属性です。この属性を使用する場合、スタイルはスタイル要素の親要素と子要素にのみ適用されます。

HTML5はブロックレベルのハイパーリンクをサポートしていますか？たとえば、次のとおりです。
```
<article>
    <a href="#">
        <h1>Hello</h1>
        <p>I am some text</p>
    </a>
</article>
```
A：はい。

HTML5の<a>要素はハイパーリンクとして表示され、インライン要素とブロックレベル要素をサポートします。
Q：次のHTMLコードが読み込まれると、新しいHTTPリクエストがトリガーされますか？
```
<img src="mypic.jpg" style="visibility: hidden" alt="My picture">
```
A：すごい
Q：次のHTMLコードが読み込まれると、新しいHTTPリクエストがトリガーされますか？
```
<div style="display: none;">
    <img src="mypic.jpg" alt="My photo">
</div>
```
A: 会！
main1.css確かにそれはなりalert('Hello world')ロードされ、それをコンパイルしますか？
```
<head>
    <link href="main1.css" rel="stylesheet">
    <script>
        alert('Hello World');
    </script>
</head>
```
A：はい！
Q：main2.css取得main1する前にダウンロードして分析する必要がありますか？
```
<head>
    <link href="main1.css" rel="stylesheet">
    <link href="main2.css" rel="stylesheet">
</head>
```
A：いいえ！

Q：ロードParagraph 1後にmain2.cssロードおよびコンパイルされますか？

<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：はい！

知識ポイントの要約：

ブラウザのレンダリング方法については、次の記事を参照してください。

知識ポイントの要約：

おすすめ