HTMLの質問なのですが、<!doctype HTML><meta

Writer: admin Type: arte Date: 2019-01-05 00:00
HTMLの質問なのですが、<!doctype HTML><meta charset=“shift_jis”>使用していたこれらの記述が何に影響しているのか解説お願い致します。と先輩に意地悪なんだけど・・・という風に質問されてしまいました。上記の事柄は理解はしてるものの、 " 何に影響しているのか " がわかりません。お手数ですが、かみ砕いて説明をしていただけると助かります!共感した0###MDNによるとdoctypehttps://developer.mozilla.org/ja/docs/Glossary/Doctype------- 引用ここからdoctype はすべての文書の先頭に見られる "<!DOCTYPE html>" という必須の前置きです。その唯一の目的は、ブラウザーが文書をレンダリングするときにいわゆる「後方互換モード (quirks mode)」に切り替わるのを防ぐことです。つまり、 "<!DOCTYPE html>" という doctype は、ブラウザーがいくつかの仕様で互換性のない別のレンダリングモードを使用するのではなく、関連する仕様に従って最大限の努力を試みるようにします。------- 引用ここまでmeta(charset)https://developer.mozilla.org/ja/docs/Web/HTML/Element/meta------- 引用ここからページで使用している文字エンコーディングを宣言します。この属性は 文字エンコーディングの標準 IANA MIME name のひとつであることが必要です。(メモ)文字化けやセキュリティホールの発生を避けるため、宣言した文字エンコーディングはページを保存した文字エンコーディングと一致しなければなりません。------- 引用ここまでmeta要素のcharset属性に関しては、ここでの宣言よりも(webサーバが返す)HTTPレスポンスヘッダのcontent-typeでのcharset指定の方が優先されます。ですが「どのcharsetで作成したのか」を明示するためにも書いておくべきだと思います。ナイス0
###この質問は投票によってベストアンサーに選ばれました!###1.DOCTYPE宣言は、ウェブブラウザのHTMLの解釈の仕方に影響を与えます。2.charsetの指定は、ウェブブラウザの文字コードの判定と、出力の際の文字コードに影響を与えます。1は、例えば↓という事です。(情報自体は超古いものですので注意)http://lab.agr.hokudai.ac.jp/useful/TAG/a0_doctype.htm2は、例えば↓という事です。https://www.google.com/search?q=html+charset+%E6%96%87%E5%AD%97%E5%...もし、「Shift_JIS」「EUC-JP」「UTF-8」といった単語の意味を知らないのであれば、↓も合わせて理解すると良いでしょう。https://www.google.com/search?q=%E6%96%87%E5%AD%97%E3%82%B3%E3%83%B...ちなみに2は、ウェブブラウザのHTTPレスポンスにも影響を与えますが、そこまで理解できているデザイナーさんやHTMLコーダーさんはまず居ませんので、スルーして良いと思います。ナイス0

 

TAG