[テクニカルインタビュー]HTML-DOCTYPE


💡 DOCTYPE


HTMLのバージョンを事前に宣言し、Webブラウザが正しくコンテンツを表示できるようにする
ドキュメントのフォーマットの定義
<!-- HTML5 -->
<!DOCTYPE html>

💡 METAマーク


HTMLドキュメントの内容、キーワード、および誰によって作成された情報を含むタグ.
  • 要素
  • charset:文書で許可されている文字セットを表示
  • <meta charset="utf-8"/>
  • name:メタ要素の形状を教えてください
  • content:実際のメタデータの内容.ヘッダーの要約に使用
  • <meta name="author" content="Chris Mills"/>
    <meta name="description" content="The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps."/>

    🎈 検索エンジンの最適化に使用されるメタタグ

  • 検索エンジン用キーワード
  • <meta name="keyword" content="HTML, meta, tag, element, reference" />
  • 定義ページ記述
  • <meta name="description" content="HTML meta tag page" />
  • 定義文書の作成者
  • <meta name="author" content="TCPSchool" />
  • 5秒後に別のページ
  • にリダイレクト
    <meta http-equiv="refresh" content="5;url=http://www.tcpschool.com" />
  • ビューポートをすべてのデバイスに設定してWebサイトを表示
  • <meta name="viewport" content="width=device-width, initial-scale=1.0" />