HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > HTML タグ辞典 > content
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

HTML タグ辞典 content


content リファレンス



content プロパティ 説明



contentプロパティは、スタイルシートの中で、要素の直前または直後に、文字列や画像などのコンテンツを挿入する為に使用します


contentプロパティを適用することができるのは、:before擬似要素および:after擬似要素のみです

擬似要素(pseudo-element)とは、要素の一部にスタイルを適用するために、要素を擬似的に設定することです

:before擬似要素および:after擬似要素は、要素の直前および直後に、文字列や画像などのコンテンツを挿入できます




content プロパティ 設定値


文字列 挿入する文字列を「"」または「'」で括って指定します
URI(URL) URI(URL)で画像や音声等のファイルを指定します
カウンタ 要素内容に自動連番をつけます。counter()関数、またはcounters()関数により、カウンタ(連番)を呼び出した値が、contentプロパティの値として指定されます
attr() ()内には属性の名前を指定します。contentプロパティを適用する要素の、該当属性で指定されている値が、contentプロパティの値として指定されます。例えば、attr(alt)とすると、alt属性で指定されている文字列が要素の直前または直後に挿入されます。尚、attrとはAttributeの略で属性という意味です
open-quote,close-quote quotesプロパティ(※1)で指定されている引用符が挿入されます。open-quoteを指定すると開始引用符、close-quoteを指定すると終了引用符が挿入されます
no-open-quote,no-close-quote 引用符は表示されませんが、quotesプロパティで指定されている引用符の入れ子の深さが一階層前後します。no-open-quoteを指定すると一階層深くなり、no-close-quoteを指定すると一階層浅くなります


※1.quotesプロパティ

quotesプロパティは、 contentプロパティで挿入する引用符を設定する為に使用します
引用符のペアを複数設定することで、入れ子の階層に応じた引用符を設定することができます

引用符 引用の先頭につける開始引用符と、引用の末尾につける終了引用符の二つをペアにして、スペースで区切って指定します。さらにスペースで区切って引用符のペアを指定することで、入れ子の階層の深い引用符を設定することができます
none contentプロパティで引用符の挿入を指定しても、引用符を表示しません





content SEOへの影響


特に影響はありません

<補足>
SEO ( Search Engine Optimization : 検索エンジン最適化 ) とは、Google、Yahoo!、Goo 等の検索サイトで検索された際に、検索結果表示ページ(SERP : サープ : Search Engine Result Page )の前の方(上位)に表示されるように工夫して、ホームページ、ブログをつくることです
そのために用いる方法をSEO対策と言い、適切に使うことによりSEOに効果のあるタグがあります
SEO対策について、詳しくお知りになりたい場合、詳細は、「 SEO対策 SEOとは 」をご参照下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > HTML タグ辞典 > content
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.

HTML タグ辞典

ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP