No.1ベストアンサー
- 回答日時:
プロフィール欄ですと、他に掲載するのは血液型や出身地などでしょうか?
「生年月日」は4文字、「1月1日」も4文字です。
【TABLEタグを使った場合におけるブラウザの表示】
生年月日 1月1日
【DLタグを使った場合におけるブラウザの表示】
生年月日
1月1日
一応、上記のような表示になると思います。
パッと見て、どっちが見やすいのかといえば、おそらくTABLEタグを使ったほうかなと思います。
要するに、少ない文字数の場合は、TABLEタグで「生年月日」と「1月1日」を横に並べたほうがよいのでは?ということです。
血液型や出身地も、文字数が少ないですから、横に並べてしまえば
生年月日 1月1日
血液型 A型
出身地 東京
といった感じになります。
DLタグを使ってこれを行った場合
生年月日
1月1日
血液型
A型
出身地
東京都
となり、TABLEタグを使った場合に比べたら右側に余白ができます。
以上のような点から、文字数が少ない場合はTABLEタグ、多い場合はDLタグと使い分ける方法もあります。
なお、DLタグでも、ちょっと工夫をすれば、TABLEタグのように横に並べて表示することは可能です。
プロフィールとは話が逸れますが、私が代引き金額の手数料を記載したページを作った時には、TABLEタグを使用せず、DLタグを使って横に並べた表示にしました。
10,000円まで 315円
30,000円まで 420円
みたいな感じです。
代引き手数料も、プロフィールと同様に文字数が少ないので、横に並べたほうが見やすいと思い、DLタグとスタイルシートを使って横に並べました。
なお、質問者様が作ろうとしているサイトのデザインによっては、文字数が少ない場合であっても、DLタグを使用したほうがよいこともあります。
デザインの関係で、プロフィールを掲載する場所の横方向のスペースがあまりない場合です。
width:150px未満みたいに狭い場合は
生年月日
1月1日
血液型
A型
出身地
東京都
のように、下へおろしたほうがよいかもしれません。
長々と書きましたが、私の場合はプロフィール欄であれば、見やすさを優先に考えます。
インターネットの世界では、訪問者が来ないと作ったサイトが無駄になってしまいますので、確かにSEO対策には気をつかったほうがよいのですが(商売だったら、なおさらです)、プロフィール欄程度であれば、TABLEタグとDLタグのどちらを使ってもよいと思いますよ。
見やすさを考えて、適宜TABLEタグとDLタグを使い分けるという感じでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- Excel(エクセル) 【vba】日付の形式が勝手に変わってしまう。 1 2022/09/29 10:54
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- Visual Basic(VBA) 日付の計算方法 2 2022/07/01 23:35
- Excel(エクセル) Excel 数行を1組とする300組ほどあるデータの項目を揃えたいです。 3 2023/01/26 19:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでぶら下げインデントは出...
-
Scratchでクイズのゲーム制作を...
-
Excel で下線が消えてしまうの...
-
URLが青くならない
-
リンク先のURLを別の文字にする...
-
パワーポイント:テキストボッ...
-
アンダースコア(下線)のあるメ...
-
Google Keepで数字に勝手に下線...
-
Word で下線の色の変え方
-
Wordでレイアウトを変えないで...
-
ワードの表で下線と文字の入力
-
PivotTableのデータソースを一...
-
HTMLのbody内に<style>~</styl...
-
E-mail中の文章に赤で下線を引...
-
Latexにおける下線のひき方のコト
-
小数点以下の数字に下線を引くには
-
本性を暴く力がある人ってどん...
-
バナーを簡単につくる方法
-
AUTOCAD文字の下に同じ長さの線...
-
Googleアカウントの名前変更出...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
複数タグ指定してHTMLを取得したい
-
リストマークの位置がずれてい...
-
面白いタグ
-
キーボードの2(ふ)のキーに...
-
コンボボックスのリスト行数を...
-
■ <table><tr><td>~~ を表...
-
CGIフォーム、タグの表示につい...
-
HTMLコード内に、コード各部の...
-
「タグ」って・・・??
-
HTMLでぶら下げインデントは出...
-
ホームページビルダーで作った...
-
<FONT TITLE=××>...
-
どちらのHTMLタグがいいのですか?
-
携帯サイトを作っているのです...
-
文字列をそろえて、かつ全体を...
-
今後、使用を避けたほうがいいH...
-
歌詞のコピーライトについて
-
ホームページの文字点灯
-
HTMLで、2行目以降をほぼ1字下...
-
ユーザーフォームの表示を追加...
おすすめ情報