フロントエンド基礎問題整理-HTML関連
3792 ワード
DOCTYPE
の役割および一般的なDOCTYPE
タイプ , , HTML
(またはXML
)を します.
なタイプ HTML 5
HTML 4.01
:Strict
、 Transitional
、 Frameset
.
- XHTML 1.0の3
XML
ドキュメントタイプ:Strict
、Transitional
、Frameset
、HTML
.
ブラウザ モードと モードの い- モード:W 3 C に に ってウェブページのレンダリングモードを する.
- モード: バージョンのブラウザと があり、W 3 C に に わないWebページのレンダリングモード
XHTML 1.0 :
, (quirk mode), , , 。
, (standard mode), W3C 。
Mozilla Quirks Mode Behavior
(Quirks Mode) HTML
HTML
ドキュメントの の は、HTML 5のドキュメントタイプ である のページラベルがどの に っているかを すドキュメント です.*XHTML 1.0* Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML
とXHTML
の いは ですか?
HTML
のラベルは、 しくネストされなければならない.XHTML
のラベルの には、 いに しくネストされていないものもある. XHTML
のすべてのラベルを じる があります. XHTML
の :ラベル と は と に であり、すべてのXHTML
ラベル は でなければならない. XHTML
にはルート が です. "
ラベルの には、 'application/xhtml+xml'
を します.
ページにxhtml
を すると、 か がありますか?head
を すると、ページ に'application/xhtml+xml'
ラベルが まれている があり、 ラベル は のラベルを む じなければなりません.すべてのラベルは でなければなりません.data-
を すると、 の いブラウザではサポートされません.data-
プロパティを するメリットは ですか?HTMLElement.dataset
によって をカスタマイズすることができ、data-
によってこれらの の を することができ、-
にはdata-url
にカスタム の が され、 えばDOM
が される. の では,この を してajax
を する にカスタム にデータを し, のインタラクション により,バックグラウンドでデータを することなく,これらのデータを することができる.cookies
,sessionStorage
とlocalStorage
の い.sessionStorage
とlocalStorage
はweb storage
の2つの であり、そのうちsessionStorage
はセッションレベルの であり、ブラウザやページが じるとデータは され、localStorage
は されたローカル であり、 にデータを しないとデータは されない. の2つの はクライアントのストレージにすぎず,サーバのストレージには しない.これに して、HTTPリクエストを するたびにcookie
がCookie
ヘッダフィールドに され、サーバに される.
にも があり、 cookie
で されたデータは4 Kを えてはならないが、localStorage
とsessionStorage
は に5-10 Mである.
それ に、ドメイン ごとにcookie
の に があり、ブラウザによって なりますが、localStorage
の には がありません.
、
と
の い
jsファイルをロードすると、ページのレンダリングとインタラクションがブロックされますが、
と
は でjsファイルをロードし、ブロックは しません. いは、
はロードが した に に され、
はページがロードされてから される があります.
なぜ、css
の
を に し、js
の
を に するのか.どんな がありますか.
ブラウザは、HTML
ページレンダリングとJavaScript
スクリプト を するときに のプロセスであるため、ブラウザがHTML
レンダリングで
ラベルに すると、ラベル のコードが に され(src
プロパティでロードされた チェーンファイルであれば、 にダウンロードしてから される)、この でページレンダリングとインタラクションはブロックされる.だから
を