ホームページ > 記事 > ウェブフロントエンド > HTML5 面接でよく聞かれる 10 の質問

HTML5 面接でよく聞かれる 10 の質問

小云云オリジナル: 2017-11-18 16:22:361806ブラウズ

HTML5 を学習している場合、面接中に恐怖や緊張を感じますか? プログラマーとして、面接では必ず面接の質問に遭遇します。もちろん、HTML5 にも面接の質問があるため、編集者がオンラインで 10 の質問をまとめました。非常に一般的な HTML5 面接の質問。面接の準備をしている友人は、これらの 10 の HTML5 面接質問に注目してください。

1. 新しい HTML5 ドキュメントタイプと文字セットとは何ですか?

<!doctype html>

HTML5 は UTF-8 エンコーディングの例を使用します:

<meta charset=”UTF-8″>

2. HTML5 に音声を埋め込む方法は?

HTML5 は MP3、Wav、Ogg 形式のオーディオをサポートしています。Web ページにオーディオを埋め込む簡単な例を次に示します。

<audio controls>
<source src=”jamshed.mp3″ type=”audio/mpeg”>
Your browser does’nt support audio embedding feature. 
</audio>

3. HTML5 にビデオを埋め込む方法は?

オーディオと同様に、HTML5 は MP4、WebM、および Ogg 形式のビデオをサポートしています。簡単な例を示します:

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
Your browser does’nt support video embedding feature.
</video>

4. HTML5 には、オーディオとビデオ以外にどのようなメディアタグがありますか?

HTML5 は、オーディオタグとビデオタグに加えて、次のタグもサポートします。

d8e2720730be5ddc9c2a3782839e8eb6 タグは、プラグインなどの埋め込みコンテンツを定義します。

<embed type=”video/quicktime” src=”Fishing.mov”>

e02da388656c3265154666b7c71a8ddc は、複数のデータソースを定義する場合に便利です。

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
</video>

9bf7cbf2c39baa37076a22499de2f6ed タグは、ビデオ要素などのメディアの外部テキストトラックを指定します。メディアの再生時に表示される字幕ファイルまたはテキストを含むその他のファイルを指定するために使用されます。

<video width=”450″ height=”340″ controls>
<source src=”jamshed.mp4″ type=”video/mp4″>
<source src=”jamshed.ogg” type=”video/ogg”>
<track kind=”subtitles” label=”English” src=”jamshed_en.vtt” srclang=”en” default></track>
<track kind=”subtitles” label=”Arabic” src=”jamshed_ar.vtt” srclang=”ar”></track>
</video>

5. HTML5 Canvas 要素の用途は何ですか?

Canvas 要素は、Web ページにグラフィックを描画するために使用されます。この要素タグの機能は、HTML5 ストレージタイプの違いは何ですか?

HTML5 では、以前は Cookie を使用してデータをローカルに保存できます。 HTML5 は、次の 2 つのローカルストレージソリューションを提供します。

localStorage は、永続的なローカルストレージに使用されます。データは期限切れになることがなく、ブラウザを閉じても失われません。 sessionStorage には同じセッション内のページのみがアクセスでき、データはセッションが終了すると破棄されます。したがって、sessionStorage は永続的なローカルストレージではなく、セッションレベルのストレージにすぎません。

7. HTML5 の新しいフォーム要素とは何ですか?

HTML5 では、開発者がより優れた Web アプリケーションを構築できるようにするために、多くの新しいフォーム要素が追加されています。

datalist

datetime

output
keygen
date
month
week
time
color
number
range
email
url

8. HTML5で廃止されたHTML4タグはどれですか?

HTML5 は、いくつかの時代遅れで不合理な HTML タグを破棄します:

frame

frameset

noframe
applet
big
center
basefront

9 HTML5 標準はどのような新しい API を提供しますか?

HTML5 によって提供されるアプリケーション API には主に次のものが含まれます:

メディア API

テキストトラック API

アプリケーションキャッシュ API
ユーザーインタラクション API
コマンド API
制約検証 API
履歴 API

10. HTML5 アプリケーションのキャッシュとブラウジングサーバーキャッシュの違いは何ですか？

アプリケーションキャッシュは HTML5 の重要な機能の 1 つであり、オフライン使用の機能を提供し、アプリケーションが HTML、CSS、画像、JavaScript などのローカル Web サイトのコンテンツを取得できるようにします。この機能は Web サイトのパフォーマンスを向上させることができ、次のようにマニフェストファイルを使用して実装されます:

<canvas id=”canvas1″ width=”300″ height=”100″></canvas>

従来のブラウザーのキャッシュと比較して、ユーザーが訪問した Web サイトのコンテンツを強制的にキャッシュする必要はありません。

上記の HTML5 面接の 10 の質問は非常に簡単に見えますが、面接の準備をしている友人は、これらの 10 の質問が役立つことを望んでいます。

HTML5 面接でよく聞かれる 10 の質問

関連記事