[リストへもどる]　[返信 ]　 [新着記事] [最新50] [ワード検索] [過去ログ]

記事閲覧・返信

タイトル ： 細かい指定よりも明確な構造を先に
投稿日： 2024/07/03(水) 08:25
投稿者： めざら
参照先： http://mezala.la.coocan.jp/
　番 号： 11333 　　 11332 番 としき さんへのコメント 　　　コメント数 2 

あまり胸を張って言える立場にはありませんが……

HTML文書って，ちゃんとした構造にすればそれなりの見栄えになるように
ブラウザの表示関係の初期値って定められていると思うのですよね。

例えば，新着情報の場合だと概ね次のような構造になると思います。
（BBSがそれぞれひとつなら見出しレベルは変わるかも）
＋――― BODY ―――――――――――――――――――――――＋
｜＋―見出し H1 ―――――――――――――――――――――＋｜
｜｜BBS新着情報                                           ｜｜
｜＋―――――――――――――――――――――――――――＋｜
｜      ＋―ちょっとした説明ブロック―――――――＋        ｜
｜      ｜リード文など（なくてもいい）            ｜        ｜
｜      ＋――――――――――――――――――――＋        ｜
｜  ＋―見出し H2 ―――――――――――――――――――＋  ｜
｜  ｜としきのやしき                                    ｜  ｜
｜  ＋―――――――――――――――――――――――――＋  ｜
｜      ＋―見出し H3 ――――――――――――――＋        ｜
｜      ｜やしきの板塀　（新着）                  ｜        ｜
｜      ＋――――――――――――――――――――＋        ｜
｜    ＋―――＋―――――＋――――＋―――――――――＋  ｜
｜    ｜日付  ｜  発言者  ｜  番号  ｜  タイトル        ｜  ｜
｜    ＋―――＋―――――＋――――＋―――――――――＋  ｜
｜    ｜      ｜          ｜        ｜                  ｜  ｜
｜    ＋―――＋―――――＋――――＋―――――――――＋  ｜
｜    ｜      ｜          ｜        ｜                  ｜  ｜
｜    ＋―――＋―――――＋――――＋―――――――――＋  ｜
｜  ＋―見出し H2 ―――――――――――――――――――＋  ｜
｜  ｜めざら資源                                        ｜  ｜
｜  ＋―――――――――――――――――――――――――＋  ｜
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
｜＋― ADDRESS  ―――――――――――――――――――――＋｜
｜｜責任表示や連絡先など                                  ｜｜
｜＋―――――――――――――――――――――――――――＋｜
＋―――――――――――――――――――――――――――――＋

表示系の要素や CSS に頼らなくても，それなりの見栄えになると思います。
細かい表示を気にするのは構造を確定した後でいいわけですが，
先に細かいことを気にするから収拾がつかなくなってしまうと想像します。

　　 - No.11333 一括表示へ 　 - 　 コメント元:11332 一括表示へ　 - pre

- 関連一覧ツリー （先頭の番号をクリックするとツリー全体を一括表示します）
▼ 11306.「新着情報 携帯版」と掲示板の連携 - konno konno 24/06/15-16:59
　┣11307.wforum.cgi の縮ツリー機能も連携強化 - konno 24/06/15-19:23
　┣11308.「新着情報 携帯版」 Ver 0.94 更新 - konno 24/06/18-01:45
　┣11309.wforum.cgi の縮ツリー関連の更新 - konno 24/06/19-23:46
　┃┣11310.Re: wforum.cgi の縮ツリー関連の更新 - としき 24/06/20-13:48
　┃┃┗11311.Re^2: wforum.cgi の縮ツリー関連の更新 - konno 24/06/20-23:11
　┃┃　┗11312.Re^3: wforum.cgi の縮ツリー関連の更新 - としき 24/06/21-10:44
　┃┗11317.wforum.cgi の修正 - konno 24/06/27-20:23
　┃　┣11340.Re: wforum.cgi の修正 - めざら 24/07/07-10:02
　┃　┃┣11341.表現の問題 - としき 24/07/07-12:17
　┃　┃┣11342.konnoさんの入れたバグ修正 - としき 24/07/07-12:55
　┃　┃┗11343.Re^2: wforum.cgi の修正 - konno 24/07/07-18:40
　┃　┗11358.掲示板もスマホ対応に更新 - konno 24/07/17-00:11
　┣11313.「新着情報 」 Ver 0.941 更新 - konno 24/06/23-23:07
　┣11314.「新着情報 」 Ver 0.942 更新 - konno 24/06/25-23:30
　┃┗11328.「新着情報 」 Ver 0.943 更新 - konno 24/07/01-20:03
　┃　┗11329.Re: 「新着情報 」 Ver 0.943 更新 - めざら 24/07/02-08:35
　┃　　┗11330.Re^2: 「新着情報 」ソースは問題だらけ!? - konno 24/07/02-15:19
　┃　　　┗11332.Re^3: 「新着情報 」ソースは問題だらけ!? - としき 24/07/02-23:01
　┃　　　　┣11333.細かい指定よりも明確な構造を先に - めざら 24/07/03-08:25
　┃　　　　┃┣11335.Re: 細かい指定よりも明確な構造を先に - konno 24/07/03-23:55
　┃　　　　┃┗11336.Re: 細かい指定よりも明確な構造を先に - としき 24/07/04-00:07
　┃　　　　┗11334.Re^4: 「新着情報 」ソースは問題だらけ!? - konno 24/07/03-23:54
　┃　　　　　┗11337.Re^5: 「新着情報 」ソースは問題だらけ!? - としき 24/07/04-00:16
　┃　　　　　　┗11338.Re^6: 「新着情報 」ソースは問題だらけ!? - konno 24/07/04-21:37
　┃　　　　　　　┗11339.Re^7: 「新着情報 」ソースは問題だらけ!? - としき 24/07/06-18:29
　┃　　　　　　　　┗11344.Re^8: 「新着情報 」ソースは問題だらけ!? - konno 24/07/08-00:07
　┃　　　　　　　　　┗11345.Re^9: 「新着情報 」ソースは問題だらけ!? - としき 24/07/09-00:44
　┃　　　　　　　　　　┗11346.Re^10: 「新着情報 」ソースは問題だらけ!? - konno 24/07/09-23:05
　┃　　　　　　　　　　　┗11347.Re^11: 「新着情報 」ソースは問題だらけ!? - としき 24/07/09-23:45
　┃　　　　　　　　　　　　┣11348.スマートフォン横向きとフレーム - めざら 24/07/12-07:21
　┃　　　　　　　　　　　　┃┣11350.Re: スマートフォン横向きとフレーム - konno 24/07/12-19:59
　┃　　　　　　　　　　　　┃┗11352.Re: スマートフォン横向きとフレーム - としき 24/07/13-11:14
　┃　　　　　　　　　　　　┃　┗11353.Re^2: スマートフォン横向きとフレーム - konno 24/07/14-00:13
　┃　　　　　　　　　　　　┗11349.「新着情報 」 v0.945 更新 - konno 24/07/12-19:44
　┃　　　　　　　　　　　　　┗11351.「新着情報 」 v0.946 更新 - konno 24/07/12-22:23
　┃　　　　　　　　　　　　　　┗11354.Re: 「新着情報 」 v0.946 更新 - めざら 24/07/15-13:15
　┃　　　　　　　　　　　　　　　┗11355.Re^2: 「新着情報 」 v0.947 更新 - konno 24/07/15-19:51
　┃　　　　　　　　　　　　　　　　┣11356.「新着情報 」 v0.948 更新 - konno 24/07/16-23:51
　┃　　　　　　　　　　　　　　　　┗11357.Re^3: 「新着情報 」 v0.947 更新 - としき 24/07/16-23:59
　┃　　　　　　　　　　　　　　　　　┗11359.Re^4: 「新着情報 」 v0.947 更新 - konno 24/07/17-00:35
　┗11315.タマの猫ハウス トップページ更新 - konno 24/06/26-00:17
　　┣11316.Re: タマの猫ハウス トップページ更新 - としき 24/06/27-12:32
　　┃┗11318.Re^2: タマの猫ハウス トップページ更新 - konno 24/06/27-20:40
　　┃　┗11321.Re^3: タマの猫ハウス トップページ更新 - としき 24/06/29-16:12
　　┃　　┗11322.Re^4: タマの猫ハウス トップページ更新 - konno 24/06/30-00:19
　　┃　　　┣11323.Re^5: タマの猫ハウス トップページ更新 - としき 24/06/30-11:18
　　┃　　　┃┗11325.Re^6: タマの猫ハウス トップページ更新 - konno 24/06/30-18:06
　　┃　　　┗11324.Re^5: タマの猫ハウス トップページ更新 - めざら 24/06/30-11:54
　　┃　　　　┗11326.Re^6: センター寄せは <div> スタイルで括るだけ - konno 24/06/30-18:51
　　┗11327.タマの猫ハウス トップページ見栄え更新 - konno 24/07/01-19:44
- - 返信フォーム （この記事に返信する場合は下記フォームから投稿して下さい）[引用無し]
おなまえ　
Ｅメール　
タイトル　
メッセージ auto soft pre(図表 ※折り返しません)
　参照先　
　暗証キー (英数字で8文字以内)
　プレビュー 　　　 　　 　　
- 以下のフォームから自分の投稿記事を修正・削除することができます -
　　　処理 　 記事No 　 暗証キー
　　　 [ページトップへ]　[管理用]