未知の苦HTML解道　プロフィール

◆これワと思うTOPページのHTMLテンプレートに遭遇した時
◆ページの余白（マージン）指定がスタイルシートで解消した時
◆タグにスタイルシートを直接埋め込む方法を見つけた時
◆javascriptエラーの呪縛から解き放された瞬間
◆HTML文法検証サイトAnother HTML-lint gatewayの採点結果がマイナス３桁から自己満足の90点以上になった時▼

例えば、大概のHTMLリファレンスでは、テキストにリンク先を設定する場合、

となっており、target="　" は、そのページの開き方を指定する方法と解説されていますが、 Another HTML-lintの文法検証では、薦められない属性と診断され、０～９段階の評価中"１"（軽度）のエラー警告が表示されます。９は深刻なエラー。

これは、HTMLのドキュタイプ宣言が、「HTML4.01」の時、このバージョンには、TARGET属性（target="　"）が存在しないために警告されます。

このように、「HTML4.01」定義を理解する上でも、文法検証は重要と思われます。

▲Another HTML-lint？
▲ドキュタイプ宣言 HTML4.01？
▲TARGET属性？

▼はAnother HTML-lint検証結果の一例です。

●<A>のTARGET属性は薦められない属性です。
●FRAMESETの"border"はMozillaまたはMSIE用の属性です。
●TABLEの"HEIGHT"はMozillaまたはMSIE用の属性です。

ほかにも、IMGの"border"　TABLEの"HEIGHT"　等々

■ ナルホド

　★　テーブル構成の外枠（上・下・左・右）を空白にしたい

BOX要素（BODY・DIV・TABLE・margin・padding等）に対する内側外側の余白・位置関係は、スタイルシートにmargin属性を設定します。　>>　margin属性

■margin属性の設定例　（2004.4.13一部解明）

　{ margin : 時計回り（上n・右n・下n・左n）px ; }

　★　ページ内のテーブルをセンターに配置したい

DOCTYPE宣言がHTML 4.01 Transitionalの時、テーブルをセンターに配置する際、大概のHTMLの解説書は、

とあり、そのとおり記述すると、　AnotherHTML-lint検証では、

<TABLE> の属性 `ALIGN` はあまり薦められない属性です。スタイルシートを使いましょう。 → 解説 82

というメッセージを表示します。

▼

■Another HTML-lint検証　解説82

スタイルシート（CSS1・CSS2）への代替えを薦めている属性ではあるが、必ずしも置き換えが可能なわけではない。
CSS2は可能？減点対象外

ちなみに、上のような青枠は、サイトデザインのレイアウト枠に対し、ほぼ中央に表示されていると思います。
詳細はこちら　>>　borderのSTYLE属性とインラインスタイル

　◇　直上、青枠のソース表示

<DIV style="border: 1pt solid #B6CADE;">
<DIV CLASS="tpics">
■Another HTML-lint検証　解説82</DIV>
<DIV CLASS="tpics">
スタイルシート（CSS1・CSS2）への代替えを薦めている属性ではあるが、必ずしも置き換えが可能なわけではない。<BR>
CSS2は可能？減点対象外
</DIV></DIV>

■ リンクフリー

■ サイトマップ

■ お問い合わせ

■ 実用ツール

SEO構文解析

HTML文法検証

CSS文法検証

IT用語辞典

<< Back | ホーム | ▲Page Top | Next >> サイト紹介