![http://webcake.no003.info/webdesign/tea-for-coda.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/5539a3473b3c0e0b38cbb5e55cf9531c4ebd01e3/height=288;version=1;width=512/https%3A%2F%2Fwebcake.stars.ne.jp%2Fblog%2Fwp-content%2Fuploads%2F2012%2F06%2Ftea-for-coda-01.jpg)
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
「SEOに適したHTML」と言うとなにやら大仰に聞こえますが、実のところそれほどややこしいものではありません。 なぜなら基本的なHTMLのマークアップ理念に従えば、概ねSEOにも適したHTMLになるからです。 今回は、SEOを考慮したHTMLを組む際の基本的なマークアップ指針についてまとめてみました。 実際にHTMLをマークアップするマークアップエンジニアの方や制作の現場を取りまとめるディレクターの方など、参考にしてみてください。 SEOに適したHTMLとは? (X)HTML+CSSで組む SEOを意識したちょっとしたコツ 1.SEOに適したHTMLとは? 基本的には、(X)HTML+CSSのマークアップ理念に従っておけば大きな差異はありません。 そしてその上で、いくつかある「SEO的に有利な(またはSEO的に不利な点をなくした)」ポイントを押さえる、という形になります。 (X)HTML+
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く