画像が左側で右にタイトルと本文があるときのマークアップ - Webtech Walker
今回は下記のようなデザインがあったときのマークアップを順を追って考えてみたいと思います。（下記のデザインはCSS Happy Lifeのコーディングコンテストのものです） 画像が左、タイトルと本文が右にある。 画像の幅は固定。（今回は200pxとする） 右側（本文とタイトル）の幅も固定(今回は400pxとする） 全体の幅は600px 画像、本文ともに高さは可変 画像とタイトルは同じリンク先 構造を考える まずはデザインを見て構造を考えます。これは人それぞれ違うだろうし、一番大事なところだと思います。僕の場合以下のように考えます。実際書いたりはしませんが、書くと分かりやすいですね。 商品の一覧と考えるとリストでマークアップ。順序の関係性は見られないのでulを使う タイトルはhタグであるべき。当然一番上にくる 画像がタイトルより先にくることはありえない。hタグの中に入るのもおかしい サムネイル
aruko.net - このウェブサイトは販売用です！ - aruko リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM わかりやすいコードを作成するための 6 つの方法 - Japan
