htmlタグについて

説明

<html> タグは、HTML文書全体のルート（最上位）要素です。
このタグの中に、必ず <head> と <body> が入り、ブラウザは「この中身がHTML文書である」と認識します。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>ページタイトル</title>
  </head>
  <body>
    本文内容
  </body>
</html>

主な役割

  • HTML文書の開始と終了を示す
  • 言語情報（日本語・英語など）を指定できる
  • アクセシビリティやSEOの基準点になる
  • ブラウザ・検索エンジン・スクリーンリーダーの解釈に影響する

<html> タグで使用できる属性

属性名説明例
lang文書の言語を指定します。<html lang="ja">
ja : 日本語
en : 英語
dir文字の書字方向を指定します。<html dir="rtl">

ltr：左から右（日本語・英語）
rtl：右から左（アラビア語など）
auto：自動判定

通常は省略でOK
translate以下は すべてのHTML要素で使える属性 で、 タグでも使用できます。<html dir="no">

yes（初期値）
no：自動翻訳を抑制

通常は省略でOK

その他グローバル属性利用できます。

基本ベース

コードエディタ（VS Code など）では、html:5 と入力すると、HTMLの基本構造が自動で生成されます。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
一覧へ戻る