HTML面接の質問の要約

HTML面接の質問の要約

1. doctypeの役割、厳密モードと混合モードの違い、そしてその重要性

1. 構文形式: <!DOCTYPE html>

2. <!DOCTYPE> は HTML タグではなく、このページの記述に使用する HTML バージョンをブラウザに指示する命令です。

3. HTML 4.01 には 3 つのモードがあります。

1. HTML 4.01 Strict 厳密モードでは、プレゼンテーション要素 ( b、font などのページ表示のみを目的とするタグ。これらには CSS に対応する代替手段があるため) やフォントなどの非推奨の要素は含まれず、フレームセットも許可されません。

2. HTML 4.01 遷移フィルタ モード(プレゼンテーション要素と非推奨要素を含むが、フレームセットは含まない)。

3. HTML 4.01 フレームセット ルーズ モード (表示要素、非推奨要素、およびフレームセットを含む)。

4. xhtml には 4 つのモードがあります。

1. XHTML 1.0 厳密モードでは、プレゼンテーション タグや非推奨のタグは含まれず、フレームセットは許可されず、タグは XML 形式で厳密に記述されます。

2. XHTML 1.0 移行フィルタ モードでは、プレゼンテーション タグや非推奨のタグを含め、フレームセットは許可されず、タグは厳密に XML 形式で記述されます。

3. XHTML 1.0 フレームセット ルーズ モード (プレゼンテーション タグと非推奨タグを含み、フレームセットを許可し、タグを XML 形式で厳密に記述します)。

4. XHTML 1.1 は XHTML 1.0 strict と同等ですが、モデルの追加が可能です。

5. 標準モードと混合モードの違い

1. これら 2 つのモードは、主にブラウザの製造元によって改良されています。標準モードでは、ブラウザは仕様に従ってページを表示しますが、プロミスキャス モードでは、ブラウザは下位互換性のある方法でページを表示します。

2. Mozilla と Safari は「ほぼ標準モード」を使用しているため、テーブルの処理方法に若干の違いがあります。

3. 最大の問題は、border-box (奇妙なモード) と content-box を含む IE のボックス レンダリング メカニズムです。

6. プロミスキャスモードを起動する方法

1. HTML 4.01 ドキュメントに暫定 (フィルター) DTD が含まれていて URI が含まれていない場合、プロミスキャス モードでレンダリングされます。

2. xhtmlまたはhtmlに<!DOCTYPE>タグがない場合、混合モードレンダリングが使用されます。

2. HTML5ではなぜ<!DOCTYPE HTML>と書くだけで済むのか

主な理由は、複数のドキュメント タイプがある HTML 4.01 や XHTML1.0 とは異なり、HTML5 には HTML という 1 つのドキュメント タイプしかないことです。

3. インライン要素、ブロックレベル要素、空要素

1. インライン要素: span、a、em (強調)、label、textarea、select、sub、sup など。

2. ブロックレベル要素: div、ul、ol、li、h1~h6、table、form、p、dl、dd、dt など。

3. 空要素: br、hr

4. リンクと@importインポートスタイルの違い

1. HTML ページで CSS を参照する方法は 3 つあります。ページ内のスタイル タグ、外部リンクのリンク、@import インポートです。

2. linkはxhtmタグであり、cssだけでなくrssサービスにもリンクしますが、@importはcssのみにすることができます。

3. リンク外部リンク ファイルはドキュメントと同期して読み込まれますが、@import はドキュメントが読み込まれるまで待機してから読み込みます。

4. リンクには互換性の問題はありませんが、@import は CSS 2.1 仕様であり、それより低いバージョンのブラウザーではサポートされていません。

5. リンクは js を使用して DOM 要素のスタイルを制御することをサポートしていますが、@import はサポートしていません (つまり、JavaScript を使用してリンク タグを操作し、css ドキュメントを変更してスキンを変更する効果を実現できますが、@import は機能しません)。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <スタイル>   
  2. url をインポートします('test.css');
  3.      </スタイル>   

HTML 面接の質問の要約は以上です。皆さんの参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/cqhaibin/archive/2016/07/24/5701943.html

<<:  MySQLコマンドラインでSQLファイルを実行するいくつかの方法

>>:  Webフロントエンドベクターアイコンの使い方

推薦する

ウェブデザインに必須のツール: Firefox Web Developer プラグイン CSS ツールセットのチュートリアル

プラグインは Firefox ブラウザにインストールされます。 Web Developer プラグイ...

IE で ClearType をオンにした後の透明フォントの問題の解決方法

IE で ClearType をオンにした後に発生する透明フォントの問題を解決するには、透明要素に背...

Dockerfile における ENTRYPOINT と CMD の違い

Docker システムの学習チュートリアルでは、Dockerfile を使用して Docker イメ...

SQLインジェクションの詳しい解説 - セキュリティ編(第2部)

この記事に誤りがあったり、ご提案がありましたら、お気軽にご連絡ください。よろしくお願いいたします。は...

モバイルウェブ画面適応(rem)

序文最近、フロントエンドの学習に関する以前のメモを整理したところ、モバイル Web 画面の適応 (r...

XHTMLにおけるH1タグの位置について

最近、H1 については多くの議論が行われていますが (記事のコンテンツ ページ内)、おおよそ 2 つ...

MySQLの自己接続と結合の詳細な理解

1. MySQL 自己接続MySQL では、情報を照会するときに自分自身に接続 (自己接続) する必...

VMware Workstation Pro が Win10 アップデートにより開けなくなる問題の解決方法

今夜の夕食後にノートパソコンの電源を入れたところ、問題が発生しました。通常、コンピューターがスリープ...

Vueはマーキースタイルのテキストの水平スクロールを実装します

この記事では、マーキースタイルのテキストの水平スクロールを実現するためのVueの具体的なコードを参考...

MySQL の NOT IN 充填ピットの NULL 列の問題の解決方法

以前、会社で小さな機能に取り組んでいたとき、特定の状況でデータがいくつあるかを数えてから問題を修正し...

Linux で SpringBoot jar プログラム デプロイメント シェル スクリプトを起動および停止する方法

では早速、コードをお見せしましょう。具体的なコードは次のとおりです。 #!/bin/bash cd ...

MySQLは「order by」がどのように機能するかを簡単に理解します

並べ替えの場合、order by は非常に頻繁に使用するキーワードです。インデックスに関するこれまで...

Linux nohup はプログラムをバックグラウンドで実行し、表示します (nohup と &)

1. バックグラウンド実行一般的に、Linux 上のプログラムは .sh ファイル (./sh フ...

Reactを使用して画像認識アプリを実装する方法

まずは効果の写真をお見せしましょう。 個人的には効果は問題ないと思います。アプリが写真を学習する時間...

CSSファイルをインポートする3つの方法の詳細な説明

CSS を導入する方法には、インライン スタイル、内部スタイル シート、外部スタイル シートの 3 ...