ここ数年、HTML5 が普及し、人材市場でも HTML5 開発エンジニアの人気が非常に高まっています。 HTML5 開発者にとって、面接は不可欠です。この記事では、あまり馴染みのない 10 個のフロントエンドの面接での質問を要約して紹介します。これ以上は言いません。以下で十分ですので、詳細な紹介を見てみましょう。
1. HTML5とは何ですか?回答: HTML5 は最新の HTML 標準です。
注: HTML5 リリースの設計目的、現在の市場での使用状況、ブラウザのサポートなどについて説明します。 。 。 。設計目的
HTML5 は、モバイル デバイスでマルチメディアをサポートするように設計されています。これをサポートするために、ビデオ、オーディオ、キャンバス タグなどの新しい構文機能が導入されました。 HTML5 には、ユーザーがドキュメントを操作する方法を真に変えることができる次のような新機能も導入されています。
· 新しい解析ルールにより柔軟性が向上
· 新しいプロパティ
· 時代遅れまたは冗長な属性を削除する
· ある HTML5 ドキュメントから別の HTML5 ドキュメントへのドラッグ アンド ドロップ機能
2.HTML5 の新しいフォーム要素の種類には何がありますか?回答: 効果を確認するには、ローカル検証フォームを form タグでラップする必要があります。
回答: 一般的な WEB ページには、ヘッダー、フッター、ナビゲーション、センターエリア、サイドバーが含まれています。このコンテンツを HTML4 の HTML 領域にレンダリングしたい場合は、DIV タグを使用するとよいでしょう。
しかし、HTML5 では、これらの領域に要素名を作成することで、要素名がより明確になり、HTML が読みやすくなります。
ページの構造を形成する HTML5 要素の詳細を次に示します (主な考慮事項はタグのセマンティクスであることに注意してください)。
回答: Safari、Chrome、Firefox、Opera、IE8 以降などのほとんどすべてのハイエンド ブラウザは HTML5 をサポートしています。
5. HTML5 では DTD (Document Type Definition) が必要ないのはなぜですか?回答: HTML5 は SGML や XHTML を使用しないため、DTD を参照する必要はありません。HTML5 の場合は、次のドキュメント タイプ コードを配置してブラウザにそれを認識させるだけで済みます。 HTML5 ドキュメント。
6.HTML5オフラインストレージ?回答: localStorage はデータを長期間保存するため、ブラウザを閉じてもデータは失われません。
sessionStorage データはブラウザを閉じると自動的に削除されます。
7. ブラウザは HTML5 オフライン ストレージ リソースをどのように管理し、ロードしますか?答え：
(1) オンラインの場合、ブラウザーは HTML ヘッダーにマニフェスト属性があることを検出し、アプリに初めてアクセスする場合、ブラウザーはマニフェスト ファイルの内容に基づいて対応するリソースをダウンロードします。マニフェスト ファイルを作成し、オフラインで保存します。アプリがアクセスされ、リソースがオフラインで保存されている場合、ブラウザーはオフライン リソースを使用してページを読み込み、新しいマニフェスト ファイルと古いマニフェスト ファイルを比較します。ファイルが変更されていない場合は、「いいえ」を実行します。操作が実行され、ファイルが変更されると、ファイル内のリソースが再ダウンロードされ、オフラインで保存されます。
(2) オフラインの場合、ブラウザはオフラインに保存されているリソースを直接使用します。
8. Cookie、sessionStorage、localStorage の違いについて説明してください。(1) Cookie はブラウザとサーバーの間でやり取りされますが、sessionStorage と localStorage はやり取りされません。
(2) sessionStorage と localStorage にはより大きなストレージ容量があります。
(3) sessionStorage と localStorage には、より豊富で使いやすいインターフェイスが備わっています。
(4) sessionStorage と localStorage は独立した記憶領域を持ちます。
9. Page Visibility API の用途は何ですか?回答: ページが他のバックグラウンド プロセスに切り替わると、音楽やビデオの再生は自動的に一時停止されます。
10.HTML5フォームのオートコンプリート機能をオフにするにはどうすればよいですか?回答: プロンプトを表示したくない入力に対して autocomplete=off を設定するだけです。
要約する以上がこの記事の内容です。この記事の内容が皆様の学習や仕事に役立つことを願っています。ご質問がございましたら、VeVb Wulin へのサポートに感謝いたします。ネットワーク。