ウェブサイト製作総合支援サイト：たこやき 〜Openソース〜
←トップページに戻る ←HTMLの書き方入門:目次に戻る

HTMLの書き方入門:補足事項

目次

HTMLの作成にワードプロセッサーソフトが向かない理由

HTML文書のデータ形式は、プレーンテキスト(省略してテキストと言う事も有る)と呼ばれる文字に使用されるデータのみで構成されたファイル形式になっております。

ワードプロセッサーソフトがHTMLの作成に向かない理由には次のような物があります。

  1. 標準で保管できる形式が独自のファイル形式になる。
  2. 拡張子に.htm(又は.html)を選択した時に独自のHTML(のような)形式で保管してしまう。
  3. プレーンテキストでの保管作業が煩雑である。
  4. ページ単位で文書が区切られてしまう。
  5. 半角文字、全角文字、タブの見分けが付き難い。
  6. 不要な機能が沢山ついている。(あまり関係ないか。)

ワードプロセッサーソフトしか無いと言うのであれば、拡張子が.txtになるファイル形式で一度保管し後でファイル名を変更するのが良いでしょう。

目次

半角文字と全角文字

全角、半角と言う言い方は、昔ワードプロセッサーが固定ピッチの文字しか使えなかった頃に標準文字の半分の大きさの文字を表現するために使われた言葉が元になっています。(2倍の大きさの文字は倍角文字と呼びました。)

現在は、文字を表現するのに2バイト使用する文字(漢字等)を全角文字、1バイトで表現できる文字(アルファベット等)を半角文字と読んでいます。
プロポーショナルフォント全盛の現在、半角文字だからと言って全角文字の半分の大きさになるとは限りません。(概ね半分で表示されるフォントが多いですけど、全角と殆ど差の無いフォントも存在します。)

時折、「全角文字の半分のサイズで表示される文字を半角文字と呼びます」と説明しているのを見かけますが、いつの話ですか？と突っ込みたくなりますね。

まぁ、日本語入力IME(MS-IMEやATOK等)を立ち上げずに入力できる文字が半角文字と思って貰ってもほぼ間違いは有りません。

(つーか、全角、半角と言う呼び方自体が間違いで、１バイト文字２バイト文字と呼ぶのが適切なんだろうけどなぁ。)

目次

HTMLで使用できる文字

HTMLを書くに当たって使用できる文字には規則があります。

まず、内容やタイトルにはすべての文字が使用できます。但し半角スペース、改行、タブは単に文字の区切りとしてのみ認識しますので、いくら入れても半角スペース1つとして表示されます。

それと、&<>の3種類の記号は制御用の文字として割り当てられていますので直接入力できません。&は&amp;、<は&lt;、>は&gt;と書きます。

タグの<>や要素名、属性名は半角文字で書く必要が有ります。
また、これらは大文字(ABC...)と小文字(abc...)を同じ物と認識してしまいますので、<HTML>、<html>、<Html>と書き方を変えてもすべて同じ物と認識します
(XHTMLでは別の物と認識するので、すべて小文字で書いておく事をお勧めします。)

属性値については全角文字が使用できるものも有りますが、概ね半角文字を使用します。(全角文字の使用できる属性値はaltやtitle等の説明を入れる為に用意されたものだけです。)

あと、ファイル名にはトラブルの原因となるので全角文字や半角カナは使用しないほうが良いでしょう。それと拡張子とのくぎり以外に.(ピリオド)を使うのもトラブルの原因となります。

目次

!DOCTYPE宣言文の種類

HTMLには次のような種類があります。(dtdが存在しないか公開されていないために、!DOCTYPE宣言文の存在しない形式のHTMLもあります。)

以下はAnother HTML-lintの解説からの孫引きです。(但しXHTMLはHTMLとは別物なので除きました。またdtdの存在しない独自拡張も除きました。)

HTML 1.0
(!DOCTYPE宣言文無し)
HTML 2.0(RFC1866)
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML2.x(RFC2070)
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML i18n//EN">
HTML+
<!DOCTYPE HTMLPLUS SYSTEM "HTMLPLUS.DTD">
HTML3.0
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
HTML3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML4.0 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
HTML4.0 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
HTML4.0 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
HTML4.0 Mobile
<!DOCTYPE HTML SYSTEM "html40-mobile.dtd">
HTML4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
HTML4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
HTML4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
ISO/IEC 15445
<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HyperText Markup Language//EN">
<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">
ISO/IEC 15445 Preparation
<!DOCTYPE Pre-HTML PUBLIC "ISO/IEC 15445:2000//DTD HyperText Markup Language//EN">
<!DOCTYPE Pre-HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">
Compact HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN">

目次

横方向の位置属性を指定できるタグ

横方向の位置属性を指定できるタグ要素は h1,h2,h3,h4,h5,h6, p, div, img, object, applet, input, iframe, hr, legend, table, caption, colgroup, col, thead, tbody, tfoot, tr, th, tdです。

指定できる位置名は、要素ごとに違っており次のようになっております。

DIV,P,H1,H2,H3,H4,H5,H6：left center right justify

IMG,OBJECT,APPLET,INPUT,IFRAME：top middle bottom left right

HR,TABLE：left center right

LEGEND,CAPTION：top bottom left right

COLGROUP,COL,THEAD,TBODY,TFOOT,TR,TH,TD：left center right justify char

目次

タグの属性と包括規則

タグには大雑把に分けてインライン属性かブロック属性の属性値を持っております。

インライン属性は文章その物で、ブロック属性はインライン属性をまとめるための物と考えてもらってほぼ間違いないと思います。

目次

タグの分類

( )で囲まれたタグは HTML 4.01 Transitional で規定されているものの HTML 4.01 Strict では無くなっているタグ要素です。

■インライン属性のタグ
TT | I | B | (U) | (S) | (STRIKE) | BIG | SMALL |
EM | STRONG | DFN | CODE | SAMP | KBD | VAR | CITE | ABBR | ACRONYM |
A | IMG | (APPLET) | OBJECT | (FONT) | (BASEFONT) | BR |
SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO | (IFRAME) |
INPUT | SELECT | TEXTAREA | LABEL | BUTTON
■ブロック属性のタグ
H1|H2|H3|H4|H5|H6|
UL | OL | (DIR) | (MENU)
P | PRE | DL | DIV | (CENTER) | NOSCRIPT | (NOFRAMES) |
BLOCKQUOTE | FORM | (ISINDEX) | HR |TABLE | FIELDSET | ADDRESS

目次

包括できる要素

ほとんどのタグはインライン属性を持ったタグしか包括できませんが、例外的にブロック属性を持ったタグを包括できるタグや、特定のタグしか包括できないタグもあります。

■ブロック属性を包括できるタグ要素
<body> <div> <center> <li> <dd> <td> <blockquote> <ins> <del> <form> <button> <noscript> <iframe> <noframes>
■特定のタグしか包括できないタグ要素
・<html>
<head> <body>しか包括できません。
(HTML 4.01 framesetの時は<body>の代わりに<frameset>が包括できます。)
・<head>
<title> <isindex> <base> <script> <style> <meta> <link> <object>しか包括できません。
・<style>
スタイルシートしか包括できません。
・<script>
スクリプト(JavaScript等)しか包括できません。
・<address>(HTML 4.01 Transitional及び framesetの時)
インライン属性の要素の他に<p>が包括できます。
・<pre>
次のタグを除くインライン属性の要素しか包括できません。
<img> <object> <applet> <big> <small> <sub> <sup> <font> <basefont>
・<map>
<area> とブロック属性の要素が包括できます。
・<object> <applet>
<param> とインライン、ブロック属性の要素が包括できます。
・<ol> <ul> <dir> <menu>
<li>しか包括できません。
・<table>
<caption> <tbody> <thead> <tfoot>しか包括できません。
(<tbody> <thead> <tfoot>は開始タグ終了タグ共に省略可能のため、<tr>タグが直接包括されているように見える記述方法が一般的ですが、その時の<tr>は<tbody>に包括されている物と見なされます。)
・<tr>
<th> <td>しか包括できません。
・<tbody> <thead> <tfoot>
<tr>しか包括できません。
・<select>
<optgroup> <option>しか包括できません。
・<title> <option> <textarea>
テキストデータしか包括できません。
・<frameset>(HTML 4.01 framesetの時)
<frameset> <frame> <noframes>しか包括できません。
・<body> <blockquote>(HTML 4.01 Strictの時)
ブロック属性の要素とscriptしか包括できません。
■包括できる要素と終了タグの無いタグ要素
<br> <img> <basefont> <isindex> <base> <meta> <link> <hr> <input> <param> <area>

目次

Copyright© All rights "ZABAN-SANGYO" reserved 2002.
全ての画像、及び文章の無断使用を禁じます。お問い合わせは座板産業まで。
このページの作成は「諸冨」です。