SLPのタグ設計に関して。

正直な話、タグの設計を最初から正しくやろうというのは、なかなか難しいんですよね。

(でもどうしてこれで、PHPとかを仕事で使う事が出来たんだろう…。正直グレンラガンというよりキャベツレベルで壊れていますから)


一応、今日から出来る範囲の正しいタグの組み方。

まず、DTDを当てる

おそらく現段階でXHTMLにする事を求めるのは難しいのでしょうから、HTMLのバージョンは4.01Translationで逃げることになるのだろうと思います。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>の前に挿入してください。

タイトルがあると良いです。

ページ最初の見出しはh1(header)タグを、日付の所にh2タグがあると良いのです。

fontタグは全廃を目標に

もし少しだけスタイルシートを学ぶ気があるなら、全廃する事をお勧めします。正直これは格好悪いので。

STAR LIGHT PARADEのタグ周りは、ざっと見た感じでは


  • フォントサイズ4が文字の基本の大きさ。
  • 強調したいときはフォントサイズ5(亜種もあり)
  • 特に強調したいリンクもフォントサイズ5で指定

等ですが、emタグとstrongタグで代換えして全く問題ないなぁ…と言った印象です。

エントリーを区切る

あとは、1日ごとのコンテンツですが、hrタグで区切るのをやめてdivタグで囲う方法をお勧めします。

クラス名にはentryとかnewsとかtopicとか、そんな感じでよいのではないでしょうか?


あと、比較的大きなHTMLのミスですが、人のサイトからの引用を行ったときの引用符ですが

> 日本政府はこの問題にこだわることなく輸入条件の緩和を認めるよう、改めて要請した。 <br>

ジパング舐められてるよ、ジパング。<br>

引用符は、そこは「&gt;」を使うのが適当です。気持ちは分かりますが、ちょっと致命傷。(でも、なんか今日作業したら直ってましたね。


ほかにもあるのですが、あれもこれも直す事より、要点だけしっかり直すほうが大事な気もしますので、ここらへんで…。


投稿者 baban 2007/04/27 at 20:51

no comments no trackbacks

コメント

(leave url/email »)

前のコメント