良いプログラマのWeb フロントエンドを共有HTML5 共通面接の質問は5を強調します
1 ページは、スタイルインポート使用され、リンクと@import 違いは何ですか?
回答:違い 1 :本質的な違い:リンクに属しているのXHTML ながら、タグ@importは完全にCSS を提供する方法を。
違い 2 :異なる順序をロードします。ページが(閲覧ときには、ビューアである)にロードされると、リンク参照CSSはまたロードされ、@importは引用CSSは、ページ全体がダウンロードされるまで待機してからロードされます。だから、時々閲覧@importをロードするためにCSSがときに、ページ、非常に明白スマン時間最初にスタイルなし(点滅している)します。
違い 3 :互換性の違い:@importがされCSS2.1 ので、古いブラウザをサポートしていない、提案@import だけでIE5 以上を識別することができ、およびリンクのラベルは、そのような問題ではありません。
違い 4 :使用のDOM(bjectモデル0文書ドキュメントオブジェクトモデル)の違いコントロールスタイル:使用してJavaScriptのコントロールのDOM のみ使用し、スタイルを変更するには時間がリンクするので、タグを@importはないDOMを制御することができます。
2 、 <IMG> ラベルのタイトル属性ALT であるものの性質を区別?
答え:タイトル属性はマウスが表示された内容を吸い上げています
代替属性は、説明文を提供し、ドキュメントビューアで画像を見ることができない人々を与えることです。
3 、少なくとも記入してください。5 番目のHTML5の新しいラベル、および意味記述やアプリケーションのシナリオを
答え:節:文書で定義されたセクション
NAV :定義は唯一のナビゲーションリンクのセクションが含まれています
ヘッダー:頭のカスタムページや章を。それは多くの場合、含まれているロゴ、ディレクトリ、ページのタイトルとナビゲーションプロパティを。
フッター:テールカスタムページや章。それは多くの場合、法律上の情報へのリンクとフィードバックの提案に対処し、著作権情報が含まれています。
余談:定義とページのコンテンツは、コンテンツの低い程度に関連付けられている-それが削除された場合、コンテンツの残りの部分はまだ非常に合理的です。
4 、HTML とXHTML -両方の違いは何ですか?
回答:
。1 、HTMLの要素が適切に入れ子にする必要があります。
2 、XHTMLの要素は、閉鎖されなければなりません。
3 、タグ名は小文字でなければなりません。
4 、XHTMLの文書は、ルート要素を持っている必要があります。
5 、アイフレーム。長所と短所?
回答:利点:
A。等、アイコンや広告などの遅いローディングローディングサードパーティのコンテンツの問題を解決するために
B。iFrameにない全くリフレッシュファイルのアップロードCを。IFRAME クロスドメイン通信を
短所:
。iframeのメインページブロックのonload イベントBを。インデックスにはいくつかの検索エンジンにすることはできません
C。ページがサーバー増加したHTTP リクエストと、d。管理が容易ではない、ページがたくさんあるでしょう。
6 、フルスクリーンの原則とは何スクロール?これは、使用してCSS 属性?
答え:原理は:、要素の全体構成を仮定して、ダウンカルーセルに幾分似ている 5 フルスクリーンページを表示する必要があり、高さが500%だけを示すために、100% 、及び残りができ変換であるY -軸の位置決めだけでなく、マージントップ達成するために
オーバーフロー:隠された; 変遷:すべての1000msでは楽。
7 応答性のデザインとは何ですか?応答性のデザインの基本原則は何であるということですか?どのようにの低いバージョンと互換性がIE ?
回答:応答Webデザイン(レスポンシブウェブデザイン)は、代わりに、各端末の特定のバージョンを行うので、複数の端末と互換性のウェブサイトです。
基本的な原理は、デバイスの画面サイズを検出するために、さまざまなメディアクエリを通じてプロセスを行うことです。
ページの先頭には、持っている必要がありますメタ文ビューポートを。
<メタ名=「ビューポート」コンテンツ=「幅=デバイス幅、初期スケール= 1、最小スケール= 1、最大スケール= 1、ユーザスケーラブル= NO」/>
8 、::前と:後にシングル、ダブルコロンとコロンは、違いは何ですか?これらの説明2 アクション擬似要素を
答え:1つのコロン(:) のためのCSS3の擬似クラス、二重コロン(::) のためのCSS3の擬似要素。
::前要素のメインコンテンツ前擬似要素の定義のサブエレメントの存在があります。存在しないDOM で、ページだけに存在します。
:前と:の後に2つの擬似要素、CSS2.1 新興内部。まず、1つのコロン構文を使用して接頭辞擬似要素が、とウェブの進化にCSS3の仕様、構文擬似要素はなるために、二重のコロンを使用するように変更された::前::後
9 作り方、クロームのサポートがより少ない12ピクセルのテキスト?
答え: P {フォントサイズ:10pxの; -webkit-変換:スケール(0.8);} // 0.8 スケーリングであります
10は、簡単にあなたがHTML の意味を理解できますか?
回答: 1を、右のラベルに正しいことを行います。
2 、HTML セマンティック構造化ページのコンテンツは、構造がブラウザに簡単に、より明確になるように、検索エンジンの決意。
図3に示すように、でも、スタイルが存在しない場合にCSS も、文書形式の場合に表示され、読みやすいです。
4 、検索エンジンのクローラも依存するHTMLの各キーワードコンテキストのタグとによって重の重量を決定SEO。
5 、ソースコードを読む人は、読解力の維持を容易にするため、サイト上のサイトをブロックすることが容易になるように。