コードは<pre>でマークアップするべき ...か？ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 技術系のネタを出すときに避けて通れないのが、ソースコードの出し方。通常は<pre>要素でマークアップするのが一般的。だけど<pre>要素でマークアップすると、基本的にはどれだけ横長になろうがソース中の改行でしか改行されないため、表示領域内に収めることが難しい。 だが待ってほしい。 そもそも<pre>でマークアップしなければいけないのか？ そんな事はない。<pre>（整形済みテキスト）はソース中のスペースや改行をそのまま表示するために作られたタグで、改行や空白に大きな意味をもつ詩や俳句なんかのために用意されている。それがソースコードのマークアップに使われるのは、単にイン
画像が左側で右にタイトルと本文があるときのマークアップ - Webtech Walker
今回は下記のようなデザインがあったときのマークアップを順を追って考えてみたいと思います。（下記のデザインはCSS Happy Lifeのコーディングコンテストのものです） 画像が左、タイトルと本文が右にある。 画像の幅は固定。（今回は200pxとする） 右側（本文とタイトル）の幅も固定(今回は400pxとする） 全体の幅は600px 画像、本文ともに高さは可変 画像とタイトルは同じリンク先 構造を考える まずはデザインを見て構造を考えます。これは人それぞれ違うだろうし、一番大事なところだと思います。僕の場合以下のように考えます。実際書いたりはしませんが、書くと分かりやすいですね。 商品の一覧と考えるとリストでマークアップ。順序の関係性は見られないのでulを使う タイトルはhタグであるべき。当然一番上にくる 画像がタイトルより先にくることはありえない。hタグの中に入るのもおかしい サムネイル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
