タグ

HTMLに関するasiancitychildのブックマーク (2)

  • ページの属性ごとに見出しの構造を変更するチュートリアル

    The heading structure for your blog 下記は各ポイントを意訳したものです。 はじめに HTMLの見出しの5つの基原則 トップページのための見出し構造 記事ページやシングルページのための見出し構造 カテゴリやタグの一覧ページのための見出し構造 見出しとHTML5 はじめに ページの見出し構造はSEOの非常に重要な要因の一つです。見出しはコンテンツのどの箇所が重要であるか、そしてそれらがどのように相互に結びつけられているかを定義するものです。 トップページ、あるいは記事ページ、カテゴリページなどそれぞれに適した見出しの構造があり、ここではそれを得るために基的なポイントを説明します。 HTMLの見出しの5つの基原則 構造の前に、見出しについて基原則をまとめます。 ページに関する最も重要な見出しは「h1」であるべきです。 どんなページでも通常、たった一つの

  • 画像もjsも使わず、css+htmlだけでソーシャルメディアアイコン

    cssやプログラミングPure CSS ちょっとしたネタ。ドラえもんやら Operaアイコンやらをcssオンリー で作られて、益々css3の可能性 が楽しみですが、今度はFlickrや Facebook、TwitterRSSの アイコン10種をcssのみで作った 猛者が登場しましたよ。 ちょっとしたネタ。ドラえもんやら Operaアイコンやらをcssオンリー で作られて、益々css3の可能性 が楽しみですが、今度はFlickrや Facebook、TwitterRSSの アイコン10種をcssのみで作った 猛者が登場しましたよ。 当然画像を使ったほうが合理的なのでcss3が普及しようと画像を使いますが、これはこれで凄い。 Pure CSS social media icons Chromeで見た状態です。マウスオーバーのドロップシャドウもあります。凄いクオリティですね・・・ ちなみにI

    画像もjsも使わず、css+htmlだけでソーシャルメディアアイコン
  • 1