HTML 基本 新しいページはコチラ
提供: yonewiki
(→概要) |
(→概要) |
||
2行: | 2行: | ||
== '''概要''' == | == '''概要''' == | ||
おおまかな仕組みについての記事です。 | おおまかな仕組みについての記事です。 | ||
+ | |||
HTMLはブラウザで美しい書体や体裁の文書を表現するための技術で一般にはマークアップ言語とよばれている技術です。 | HTMLはブラウザで美しい書体や体裁の文書を表現するための技術で一般にはマークアップ言語とよばれている技術です。 | ||
41行: | 42行: | ||
*HTML | *HTML | ||
− | : | + | :タグに囲われた部分がhtml文書全体になります。必ず使われるタグと言っても過言ではないです。タグ名は大文字、小文字の区別が無いです。省略しても良い記法も有ります。少しでもタグ情報を減らした方が通信量は減りますがHTML5に対応していないブラウザでは動作が不安定になります。省略記法を採用しているサイトは実験的なサイトくらいでしか見かけません。 |
*body | *body | ||
:タグに囲われた部分は文書の本文になります。 | :タグに囲われた部分は文書の本文になります。 | ||
+ | |||
*head | *head | ||
53行: | 55行: | ||
*title | *title | ||
:囲われた部分の内容がhtml文書のタイトルとして設定されます。タイトルはブラウザのタイトルバーに表示されたり、ブラウザのお気に入りに登録する時の既定の名称になったりします。 | :囲われた部分の内容がhtml文書のタイトルとして設定されます。タイトルはブラウザのタイトルバーに表示されたり、ブラウザのお気に入りに登録する時の既定の名称になったりします。 | ||
+ | |||
+ | |||
+ | タグは入れ子、ネスト、マトリョーシカ🪆のような構造である必要があります。互い違いになってはいけません。例えば以下の様な構造はダメです。 | ||
+ | |||
+ | |||
+ | <syntaxhighlight2 lang="html"> | ||
+ | <span><b>駄目なタグの例</span></b> | ||
+ | </syntaxhighlight2> | ||
+ | |||
+ | |||
+ | ちゃんと入れ子になる様に最後に開いたタグから閉じていく必要が有ります。 | ||
+ | |||
+ | |||
+ | 因みに<HTML>のような最初に来るタグを開始タグ、英語だとStart Tagと呼び、他方の</HTML>のような後に来るタグを終了タグ、英語だとEnd Tagと呼んでいます。 | ||
+ | |||
+ | |||
+ | 改行を明示的に行う指示として<br>がありますが、終了タグは不要です。正確には記述しておくべきですが改行タグの開始タグと終了タグの間にテキストを書く必要がないため省略することができる事になっています。XMLとしては誤った記述です。タグの間で値を持たないパターンを簡潔に表記する方法として<br />のような表記が推奨されています。 | ||
+ | |||
+ | |||
+ | <span style="color: darkred; font-weight:bold;"><br></span><span style="color: darkblue; font-weight:bold;"></br></span>の開始タグが<span style="color: darkred; font-weight:bold;"><br /</span>に対応していて終了タグは<span style="color: darkblue; font-weight:bold;">></span>に対応しています。 | ||
+ | |||
[[HTML5#リファレンス|HTML5リファレンス]]に戻る | [[HTML5#リファレンス|HTML5リファレンス]]に戻る |