HTML
最近ひどいHTMLが多いので改めて題名の件を感じます。 本来HTMLは構造を持つ言語なので、「見出し、内容といった構造を人間にも、機械にも分かるように書くことができる」。 構造化を意識すれば<br />は使わないでかけるはず。意識しよう。 構造化を意識して書くと…
携帯コンテンツの場合、HTMLを作成しているファイルで、文章の改行（brではない）をすると、画面に全角空行として反映されてしまう。 注意せよ。
<div style="text-align:center;"> <a id="1"></a> <span style="color:<%= @color %>;">[<a href="#1" accesskey="1">1</a>]詳細</span> </div> <%=dotted_separator_for_user_kind(@user) %><br /> ←これないとあく <%= display_user_profiles(@user) %> <%=separator_for_user_kind(@user) %>
■この場合、背景もあるのでdivよりtableがよさそう メモなのでDRYでない。汚い。 <table border="0" cellspacing="0" cellpadding="0" bgcolor=<%=bg_for_user_kind(@user)%> width="100%"> <tr> <td width="50%" align="right"> <div style="text-align:center;"> <%= image_tag "nophoto.jpg",:hspace => "2", :vspace => "2" %> </div> </td> </tr></table>
携帯の時に役に立つ。 １．レイアウトファイルのヘッダを変更する <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP"> <head> <title>test</title> </head></html>
■背景色を設定したい <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>携帯 xhtml テスト</title> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS" /> </head> <body> </body></html>
<table bgcolor=<%= profile_base_color%> width="100%"> <tr> <td align="center"><br><br>自己PRスペース<br><br><br></td> </tr> </table> <table width="100%" cellspacing="0"> <tr bgcolor=<%=base_color%>> <td></td> </tr> <tr bgcolor=<%=menu_bg_color%>> <td align="center">注目リクトモの最新リク録</td> </tr> </table> <br>
DRYでなく、生書きしてある。idなどによって名前付けされていない。 綺麗なものはシンプルであり、プログラムで処理できるものである。
■色付けたりするのに苦労したので記録 ・ドコモＨｔｍｌ フッターバナー <table width="100%" bgcolor="blue" text="white"> <tr align="center" > <td ><font color="white">2007 XXX</font></td> </tr> </table> こんなんありかよ・・・。div使いたい。 のくせに、hr colorは対応してるし。。。対応していない場合はstyle側が適応される。 柔軟なＨｔｍｌならでは・・・・・汚い
■問題点（携帯では外部CSSを使えない） http://hpbuilder.net/weblog/2007/05/22203519.html ■解決策（外部CSSをインラインに取り込む） http://search.cpan.org/~tokuhirom/
■Docomoはistyle、Ezはformat、SoftBankはmodeによって可能また、Ezは文字数制限に強い。例：数字11文字 => 11N Ezはtext_areaのmaxlegthにも対応。しかも、maxlength=10とすると、英字・漢字 とかが混じっていても10文字判定してくれる。 全角10だから、max…
<html> <head></head> <body> <div style="border:2px solid white;width:400px;height:100%;background:url(http://www.oisix.com/gift/image/00005783-300-1.jpg) top left repeat-x;"> </div></body></html>
BGColorで線に使いたい色を選んで、セルの背景にしろとかを使う <table cellpadding="2" cellspacing ="1" border="0" bgcolor = "#99dddd" > <colgroup width="300" class = "ListLine1"></colgroup> <colgroup span = "2" class = "ListLine1" width="300"></colgroup> <colgroup span = "1" class = "ListLine1" width="100"></colgroup> <tr> ・・・・…</tr></table>
■HTMLのdivタグとspanタグに関してです divタグに囲まれた内容は、ひとつのまとまりとして扱うことができます。 spanタグと似ていますが、spanはインライン要素、divはブロック要素に分類されます。 ■ブロック要素 文書の骨組みとなる要素です(例えば見出し…
