タグ

テキストとHTMLに関するthree_beeのブックマーク (2)

  • 【保存版】検索上位の800万ページに見る「HTMLの各要素」利用状況のすべて

    #概要 このHTML利用データはGoogle検索結果上位20位のページから収集された800万のインデックスページを参照しています。 検索順位上位のWebページは平均して25の異なる要素型を使用していることがよく分かります。 以下はそれらの検索順位上位のWebページのほとんどのページで使用されている25個の要素です。 #Doctype doctypeはHTML文書の冒頭に記載され、ページが利用している(X)HTMLのバージョンを示しています。 #基要素とメタデータ htmlはルート要素としても知られており、doctype宣言のすぐ後に記載されWebページのコンテンツをラップします。メタデータはスタイルやスクリプト、データなどのページ情報を含んでおり、検索エンジンまたはブラウザーがページを利用・レンダリングするのに役立ちます。 #コンテンツセクショニング コンテンツセクショニング要素を使えば

    【保存版】検索上位の800万ページに見る「HTMLの各要素」利用状況のすべて
  • CSSの content プロパティーを使いこなそう!

    2015年4月8日 CSS CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…!?」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 ↑私が10年以上利用している会計ソフト! content プロパティーって何? content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像などのコンテンツを挿入する際に使用します。擬似要素とは、HTMLなどの文書には記述されていない要素をCSSによって新たに作り出された架空の要素です。Webクリエイターボックスでも、過去記事「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」や「経歴や会社の沿革ページに!簡単なCSSで実装す

    CSSの content プロパティーを使いこなそう!
  • 1