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 コードコンテンツをクリップボードにコピー

<スタイル>
url をインポートします('test.css');
</スタイル>

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

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

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

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

HTML面接の質問の要約

Web ページでフラッシュの wmode 属性を使用する方法をご存知ですか?

Mysql5.7 で中国語の文字化けの問題を解決する

MySQL マスタースレーブスイッチチャネルの問題の解決策

Rancher で Kubernetes 用の標準化された VMware イメージを構築する方法

Ubuntuがインターネットに接続できない場合の解決策

Vue.js での VNode の使用

Msyql トランザクション分離について知っておくべきこと

Win10 64 ビットで圧縮パッケージを使用して最新の MySQL 8.0.18 をインストールするチュートリアル (画像とテキスト付き)

js での typeof の使い方を理解するための記事

Vue はネストされたルーティングメソッドの例を実装します

推薦する

クリーンなXHTML構文

MySQLインデックスの詳細

VMware 仮想マシンのインストール Apple Mac OS の超詳細なチュートリアル

MySQL インデックスの効率的な使用ガイド

vue3.0 プロジェクトを素早く構築するための手順を完了する

MySQL が外部キーを作成できない理由と解決策

Iframe の内外のページで JS がどのように動作するかの概要

MySQL の異なるテーブル間でフィールドをコピーする

HTMLメタの大きな役割

Vueはカウントダウン機能を実装する

Msyql トランザクション分離について知っておくべきこと

MySQLは、where in()順序ソートを実装するためにfind_in_set()関数を使用します。

非常に詳細な Vue-Router のステップバイステップのチュートリアル

Tomcat を使用して IntelliJ IDEA によってデプロイされたプロジェクトの場所はどこですか?

MyBatis 動的 SQL の包括的な説明