検証の手順としても読んで下さい。
あなたのページも、漢字コード EUC、改行 LF に変換してWebサーバにポストして
おけば検証サービスが利用できます。その際のコメントの読み方の参考にもなりま
す。「-//W3C//DTD HTML 3.2//EN を見る」の第一部にあたります。
[CENTER text alignmen]-//W3C//DTD HTML 3.2//EN を見る2,3,4,5へとリンク
<P> <CENTER> 例C1:センタリングのタグの位置が、P タグの中にきています。 </CENTER> </P>
例C2:センタリングのタグの位置が、P タグの外にきています。
<CENTER> <P> 例C2:センタリングのタグの位置が、P タグの外にきています。 </P> </CENTER>
上の二例を検証した結果です。 例C1で、<P>タグは<CENTER>タグに出会い、<P>を閉じます。 つまり、右のように解釈します。 <P> <P></P> <--- 自動的に閉じ、 <CENTER> <CENTER> </CENTER> </CENTER> </P> </P> <--- 相手の<P>がない。
<FONT>タグの指定のやりかたを、<CENTER>タグの使い方と対比してみてみます。
例F1-1:パラグラフの文字をサイズ4にしようとしています。
パラグラフ内の一部の文字をサイズ4にします。
<P> <FONT SIZE=4>例F1-1:</FONT>パラグラフの文字をサイズ4にしようとしています。<BR> パラグラフ内の一部の文字をサイズ4にします。 </P>
例F1-2:パラグラフの文字をサイズ4にしようとしていますが、
パラグラフ全体のサイズを4にします。
<P> <FONT SIZE=4> 例F1-2:パラグラフの文字をサイズ4にしようとしていますが、<BR> パラグラフ全体のサイズを4にします。 </FONT> </P>
例F2:これも、パラグラフの文字をサイズ4にしようとしています。
例F1-2と同じ目的です。
<FONT SIZE=4> <P> 例F2:これも、パラグラフの文字をサイズ4にしようとしています。<BR> 例F1-2と同じ目的です。 </P> </FONT>
上のF1とF2の検証の結果です。<CENTER>タグとの違いに注意してください。 <P>タグの前ではすべてのタグが閉じられていなくてはなりません。 <FONT>タグは、閉じていなくてはなりません。 警告をだして、</FONT>を補ってすすみます。 とあとの</FONT>は<FONT>されていないことになり、警告をだします。 <FONT SIZE=4> <FONT SIZE=4></FONT> <--- 閉じます。 <P> <P> </P> </P> </FONT> </FONT> <--- なら、<FONT>がない。
検証サービスのURLに
"http://www.asahi-net.or.jp/‾bd9y-ktu/jirei_f/sample_euc.html"入力すれば、
ページの検証ができますので、利用してください。parse tree option も選択してみ
ると意味が見えてきます。
[検証サービスへ]リンクしています。そこで、上記URLとoptionを下記のように選択してください。
---------------------------------------------------------------------------- Validate Documents by URL Enter the URL of a document you would like validated: URL: http://www.asahi-net.or.jp/‾bd9y-ktu/jirei_f/sample_euc.html |X|Include Weblint results run | |Weblint in "pedantic" mode |X|Show source input |X|Show an outline of this document |X|Show parse tree | |don't show attributes in the parse tree ----------------------------------------------------------------------------
HTML 3.2 Reference Specification(W3C Recommendation 14-Jan-1997)
のcontentsだけですが、
「Block level elements」と「Text level elements」に
分けての説明によって概念が明確になると思います。言い換えると、
*何故ならば*がわかると思います。
<P>タグを何処でいれるのかがわかるということです。
<P><IMG SRC="a.gif">
<P><A HREF="URL">あああああああ</A>
<P>
<UL>
<LI>
</UL>
とはしません。
この例で、どちらがが正しいかもわかると言うことです。
<FONT SIZE=4> <P>
<P>文字を大きく指定します。 <FONT SIZE=4>文字を大きく指定します。</FONT>
</FONT> </P>
"Block level" and "Text level" elements と paragraph(container)の意味を
押さえていたら、きっと正しいものがかけると思います。
あとはミスに近いもので、覚えるという機械的なことでいいものです。
でも、ミスはありますから検証はしましょう。
HTML 3.2 Reference Specification
W3C Recommendation 14-Jan-1997
Author: Dave Raggett
HTML 3.2 Reference Specificationへいけます。
http://www.w3.org/pub/WWW/TR/REC-html32.html
----------------------------------------------------------------
Contents
* Introduction to HTML 3.2
* HTML as an SGML application
* The Structure of HTML documents
* The HEAD element and its children
* The BODY element and its children
# Headings (H1 - H6)
# The ADDRESS element
# Block level Elements
P paragraphs
UL unordered lists
OL ordered (i.e. numbered) lists
DL definition lists
PRE preformatted text
DIV document divisions
CENTER text alignment[事例をみることにします。]
BLOCKQUOTE quoted passage
FORM fill-out forms
ISINDEX primitive HTML forms
HR horizontal rules
TABLE can be nested
# Text level elements
These don't cause paragraph breaks. <<<----- ここです。
Text level elements that define character styles can generally be
nested.
They can contain other text level elements but not block level <<<--
elements.
Font style elements
Phrase elements
Form Fields
The A (anchor) element
IMG - inline images
APPLET (Java Applets)
FONT elements
BASEFONT elements
BR - line breaks
MAP - client-side image maps
* Sample SGML Open Catalog for HTML 3.2
* SGML Declaration for HTML 3.2
* HTML 3.2 Document Type Definition
* Character Entities for ISO Latin-1
* Table of printable Latin-1 Character codes
* Acknowledgements
* Further Reading ...
[ホームページ]
[HTML書式のメモ]
このページは:
http://www.asahi-net.or.jp/‾bd9y-ktu/jirei_f/sample.htmlです。
加藤泰孝 bd9y-ktu@asahi-net.or.jp
Last modified 01/02/1997