HTMLの面接問題について

目次

1. DOCTYPEの役割は何ですか?

2. HTML、XHTML、XMLの違いは何ですか?

3. HTMLの意味化理解について話しますか?

4. HTML 5とHTML 4の違いは何ですか?

5. よく使うmetaラベルはどれらがありますか?

6. srcとhrefの違いは何ですか?

前言:今日はいくつかのHTMLに関するテーマを整理します.HTMLは最も基礎的な3つの要素の一つで、考察する可能性は低いですが、一度出会ったら、私たちは理解する必要があります.
1.DOCTYPEの役割は何ですか.
DOCTYPEはHTML 5の標準的なWeb宣言であり、HTMLの最初の行に宣言する必要があります.ブラウザに通知するための解析器がどのようなドキュメント標準でこのドキュメントを解析するかは、異なるレンダリングモードがCSSコードやJavaScriptスクリプトに対するブラウザの解析に影響します.
ドキュメントの解析タイプは次のとおりです.

BackCompat:怪異モード、ブラウザは自分の怪異モードを使ってレンダリングページを解析します.(DOCTYPEがない場合、デフォルトはこのモード)

CSS 1 Compat:標準モード、ブラウザはW 3 Cの標準解析レンダリングページ

を使用
(それ以外に、IE 8には以上の2つの間のほぼ標準的なパターンがあるが、基本的には淘汰されている)
では、この3つのパターンの違いは何ですか?

標準モード:ページはHTMLとCSSの定義に従って

をレンダリングする.

怪異モード:より古いブラウザの動作をシミュレートします

ほぼ標準モード:表セルサイズの奇妙な動作(IE 7以前のセルレイアウトと一致)が実施され、それ以外は標準定義に合致する.

2.HTML、XHTML、XMLの違いは何ですか?

HTML(ハイパーテキストタグ言語):文法が緩やかで厳格でないweb言語

XML(拡張可能なタグ言語):主にデータと構造を格納するために使用され、拡張可能であり、JSONの役割と類似している

XHTML(拡張可能なハイパーテキストタグ言語):XMLに基づいて、HTMLと同様の役割を果たし、HTMLの混乱問題を解決するために生まれ、文法がより厳格である

3.HTMLの意味化理解について?
意味化とは、適切な意味のHTMLタグを指し、ページにより良い構造と意味を持たせることです.意味化の利点は主に以下の2点である.

は開発者に友好的で、意味クラスのラベルを使用して可読性を強化し、開発者もウェブページの構造を明確に見ることができ、同時にチームの開発とメンテナンスを容易にする

.

は機械に友好的で、意味のある文字表現力が豊富で、検索エンジンの爬虫類が有効な情報を取得するのに適している.このほか、意味クラスは、文書に基づいてディレクトリ

を自動的に生成するリードスクリーンソフトウェアもサポートする.
CSDNのようなリッチテキストクラスの応用にとってHTMLの意味化は重要であり,意味化はウェブサイトのコンテンツ伝播に大きな助けとなる.しかし、機能的なサイトについては、大幅に割引されています.
4.HTML 5とHTML 4の違いは何ですか?

⽂件タイプ宣言()は1つのみ:.

新しい解析順序:SGMLに基づいていません.

の新しい要素:section,video,progress,nav,meter,time,aside,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,mark,output,rp,rt,ruby,source,summary,wbr.

input要素の新しいタイプ:date、email、urlなど.

の新しい属性:ping(aとareaに適用)、charset(metaに適用)、async(scriptに適用).

全ドメイン属性:id,tabindex,repeat.

の新しい全域プロパティ:contenteditable,contextmenu,draggable,dropzone,hidden,spellcheck.

除去要素:acronym,applet,basefont,big,center,dir,font,frame,frameset,isindex,noframes,strike

5.よく使うmetaタグはどれらがありますか?metaラベルはnameとcontentの属性によって定義され、ウェブページの作成者、ウェブページの記述、キーワードなど、ウェブページのドキュメントの属性を記述するために使用され、HTTP規格に加えてnameが一般的に使用されている共通認識として固定されているほか、開発者はnameをカスタマイズすることもできる.
次に、HTMLドキュメントの符号化タイプを記述するために使用される(1)metaのラベルをいくつか見てみましょう.

<meta charset="UTF-8" >

(2)charset,ページキーワード

<meta name="keywords" content="   " />

(3)keywords,ページの説明

<meta name="description" content="       " />

(4)description,ページリダイレクトとリフレッシュ

<meta http-equiv="refresh" content="0;url=" />

(5)refresh、モバイル端末に適しており、開発者はビューポートのサイズとスケールを制御することができる.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

このうち、viewportパラメータには以下のものがあります.

content:幅(数値/device-width)

width viewport:高さ(数値/device-height)

height viewport:初期スケーリング

initial-scale:最大スケール

maximum-scale:最小スケール

minimum-scale:ユーザーのスケーリングを許可するかどうか(yes/no)

(6)検索エンジンインデックス方式

<meta name="robots" content="index,follow" />

このうち、user-scalableパラメータには以下のものがあります.

content:ファイルが取得され、ページ上のリンクがクエリーされ得る.

all:ファイルは検索されず、ページ上のリンクはクエリーされません.

none:ファイルが取得されます.

index:ページ上のリンクはクエリーできます.

follow:ファイルは取得されません.

noindex:ページ上のリンクはクエリーできません.

6.srcとhrefの違いは何ですか.

nofollowは、外部リソースを指す場所であり、指す内容はドキュメント内の現在のラベルがある場所に埋め込まれ、srcリソースを要求するとjsスクリプト、ピクチャ、frame要素などの現在のドキュメントにダウンロードされます.ブラウザが要素を解析すると、他のリソースのダウンロードと処理が一時停止され、リソースのコンパイル、ロード、実行が完了するまで、jsスクリプトは一般的に下部に配置されます.

srcは、ドキュメントまたは要素間の接続を確立するためにネットワークリソースが存在する場所(ハイパーリンク)を指し、ブラウザがその指向するファイルを認識すると、リソースが並列にダウンロードされ、現在のドキュメントの処理が停止しない.