| 20行目: | 20行目: | ||
!html | !html | ||
|HTML文書においてルート（起点）となるトップレベル要素。ルート要素とも呼ばれる。他のすべての要素はこの要素の子孫として配置される | |HTML文書においてルート（起点）となるトップレベル要素。ルート要素とも呼ばれる。他のすべての要素はこの要素の子孫として配置される | ||
|} | |||
==文書メタデータ== | |||
{| class="wikitable" summary="文書メタデータ" | |||
|- | |||
!meta | |||
|他のメタ要素で表すことができないメタデータを定義。charset、http-equiv、name ( description、author、googlebot、robots を含む ) など | |||
|- | |||
!title | |||
|ページの題名を定義。ブラウザのタイトルバーやページのタブに表示される | |||
!base | |||
|ページ内に含まれるすべての相対URL の基点となる URL を定義。アンカータグなどが参照する | |||
!link | |||
|現在のページと外部リソースとの関係を定義。ナビゲーションの関係構造の定義など。スタイルシートをリンクするためによく利用される | |||
!style | |||
|ページ全体あるいは一部分のスタイル情報を定義 | |||
|} | |||
==セクショニングルート== | |||
{| class="wikitable" summary="セクショニングルート" | |||
|- | |||
!body | |||
|HTML文書のコンテンツを表す。ページ内に一つだけ配置する | |||
|} | |} | ||
2019年2月20日 (水) 10:48時点における版
HTML ( HyperText Markup Language ) は、Webマシンが配給するコンテンツを Google にとって分かりやすくするためのマークアップタグ。
CSS や JavaScript と併用すればコンテンツの見栄えは芸術の域にまで昇華する。
主な目的
Web文書にタグ付けして文書全体を意味的にキレイに整理する。
- Google など検索エンジンに文書構造を正しく伝える
- HTMLタグに CSSを適用して文書全体をデザインする
文書構造や意味付けがしっかりした（セマンティックな）Web文書を作成すると、そのWeb文書は構造的には W3C標準に準拠した素晴らしいものとなる。
多種多様なコードによって的確な意味付けをすると、そのWeb文書は Googlebot から見て意味の豊富なものとなり、サイバー世界をキレイに整理したがっている Google からも好かれることになる。
加えて、CSS を利用して人間学的にも良いデザインをすると、その Web文書は多くの人たちにとっても素晴らしい印象や説得力を与えるものとなる。
メインルート
| html | HTML文書においてルート（起点）となるトップレベル要素。ルート要素とも呼ばれる。他のすべての要素はこの要素の子孫として配置される |
|---|
文書メタデータ
| meta | 他のメタ要素で表すことができないメタデータを定義。charset、http-equiv、name ( description、author、googlebot、robots を含む ) など | ||||||
|---|---|---|---|---|---|---|---|
| title | ページの題名を定義。ブラウザのタイトルバーやページのタブに表示される | base | ページ内に含まれるすべての相対URL の基点となる URL を定義。アンカータグなどが参照する | link | 現在のページと外部リソースとの関係を定義。ナビゲーションの関係構造の定義など。スタイルシートをリンクするためによく利用される | style | ページ全体あるいは一部分のスタイル情報を定義 |
セクショニングルート
| body | HTML文書のコンテンツを表す。ページ内に一つだけ配置する |
|---|