- ベストアンサー
html上の文字やリスト全部をcssに記述
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
ブラウザの実装状況を見るとCSSでは難しそうですね。 外部jsファイル内にであれば、 「Javascript ヒアドキュメント」で検索すると、 エスケープせずにhtmlを書く方法が出てきます。 参考サイト http://d.hatena.ne.jp/koseki2/20080112/jsheredoc でも、Googleのクローラーは、 javascript内に書かれた文字も読むことができるらしいので、 念のため、メタタグでロボット拒否を書く必要はあるかもしれません。
その他の回答 (6)
- tenderfeel
- ベストアンサー率56% (215/379)
全部画像にしてbackground-imageで表示する、とか…。 テキストの挿入ならjavascriptのinnerHTMLが早いですが。 headに<meta name="robots" content="nofollow">とか入れておけば 検索対象からは外されますよ。
- 15mm
- ベストアンサー率65% (65/100)
cssでは厳しいでしょうね・・・ Ｎｏ３の方に同意ですが、ちょっと補足。 文字が多いときは画像にしてられませんよね。編集も大変ですし。 <iframe>によって隠したい文字のみを記述したhtmlファイルやtxtファイルを、 フレームなしでそこに書いてあるかのように貼り付けるとどうでしょう。 iframeまでたどって内容を表示する検索エンジンは無いと思いますので。 ただし、隠す文字を記述したhtmlファイルには<meta>タグで検索回避のための処理をしておくのをお忘れなく。 ちなみにＩＥはcssのbefore,afterには対応してないみたいです。
- heiwa4126
- ベストアンサー率69% (9/13)
CSS2のbefore,after疑似要素を使えばできます。 例) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title>Some CSS trick</title> <link rel="stylesheet" href="csstrick.css" type="text/css"> </head> <body><h1></h1></body></html> でCSS(csstrick.css)は h1:before { content: "The quick brown fox jumps over the lazy dog."; } こんな感じ。 当然CSS2にまともに対応しないブラウザではなにも見られません。
> つまり、ある文字列をブラウザ上には表示して、 > 検索エンジンから読み取れないようにしたいのですが。 そのデータを画像にすればいいでしょう。
- higekuman
- ベストアンサー率19% (195/979)
> html上の文字やリスト全部をcssに記述して、 > それを読み込んでブラウザに表示することは可能でしょうか? htmlの要素(文字を含む)に対してスタイルを設定できるがスタイルシートです。 文字をCSSで指定することはできません。 > つまりブラウザ上でソースをチェックすると、 > 表示されている文字はcssに記述されているので、 > 検索エンジンからは文字は認識されない状態です。 ブラウザに表示できるということは、ブラウザが文字を認識できるということです。 ブラウザが文字を認識できるものは、検索エンジンも文字を認識できます。
- shimix
- ベストアンサー率54% (865/1590)
ブラウザに表示すべき文字をCSSに書くことは出来ません。 何のために、CSSに記述して検索エンジンから隠すのでしょう？その理由を書いていただければ代替手段はあると思いますが・・
関連するQ&A
- HTMLで記述できるものをCSSにする必要性って？
HTMLで記述できるものをCSSにする必要性ってあるのでしょうか？ Webデザイナーさんは、よく他人が作ったHPを見て、 汚い作り方だとか、おっしゃってますが、 エンドユーザーには ソースなんかみないし、 そんなの関係ないような気がして仕方がありません。 スマートに書けるとか、 そんなんじゃなくて、 表示が早くなる、とか、 対応していないブラウザに 対応できるなどの 具体的理由を教えて頂けるとうれしいです。 自分のHPでテーブルをよく使ってるのですが、 テーブルカラーの設定でCSSを使ってみたいのです。 なんか喧嘩口調にちょっとなりましたが、 知っている方宜しくお願いします。
- ベストアンサー
- HTML
- cssを使ってlist表示（opera)
こんにちは。 初心者ですが、今cssとxhtmlを用いてのweb制作をしております。 cssの指定でマウスを乗せると色が変わるメニュー（横型）を配置したのですが、Firefoxでは動作確認できるのですが、IEでは全部崩れ、operaではメニュー部分のリストが指定できていません。 FirefoxとoperaではCSSの記述に違いがあるのですか？ そして、IEで表示する際にcssはどうしたらきちんと読み込んでくれるでしょうか？？
- ベストアンサー
- HTML
- 選択リストだけが文字化けする原因は？
ブラウザでドイツ語のサイトを表示した際に、 サイト内の「選択リスト」だけは、ラテン文字 が文字化けします。 正常に表示する方法がありましたら教えてください。 （「選択リスト」以外は文字化けしません） ＜PC環境＞ Win2000 IE6.0 エンコード=自動選択 （中央ヨーロッパ（・・・）を設定しても駄目でした） ＜ドイツ語のサイトについて＞ ・ソースを表示すると「charset=iso-8859-1」 が記述されています。 ・ブラウザに表示される内容は「frameset」で記述されています。 ・このサイトにはIDとパスワードでログインします。 （仕事で使用する予定です） 宜しくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- DWでCSSの記述がどのファイルにあるか調べたい
DreamWeaverCS5を使っています。 HTMLのソースにclass="test" というCSSの記述があるとします。 このtestが記述してあるCSSファイルをどうやって探すことができますか？ CSSファイルが一枚ならすぐわかるかと思いますが、 たとえば、CSSファイルが10枚あったとき「class="test"」の 記述してあるCSSファイルはどうやって探すのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- ＣＳＳ、ＨＴＭＬのメニューリストの解説をお願いします
宜しくお願い致します、趣味でホームページ制作をはじめました。 http://www.b-architects.com/ 上記のサイトのトップページの 「メニューの部分だけ（リスト）」、 構造を理解して自分もこんな感じでメニューを作りたいと思っています。 ちなみに私の知識としては、ＨＴＭＬの記述は非常に初心者レベルで記述できる程度、ＣＳＳに関しても同じであります。 上記サイトを理解する上でまず、上記サイトのトップ画面を開いた上で、 ファイル→名前を付けて保存する 事で、上記サイトの構成しているファイルと部品（ＣＳＳファイルやら 画像）を保存して、上記サイトのＨＴＭＬソースを眺めながら、 「メニュー（リスト）の部分だけ」 理解し、自分も同じように記述して習得しようとしているのですが、 「ちんぷんかんぷん」です。 まず、メニュー（リスト）にあるサービス～ケーススタディの左横の 縦の棒ですが、これは画像なんでしょうか？ソースで記述されたものなのでしょうか？ 先ほども私が書いたように、トップページからファイル→保存をすると このページを構成するファイルと部品（ＣＳＳファイルやら画像）は確かに 保存されてますが、縦の棒に該当する画像は保存されてませんでした。では ソースでＣＳＳか何かで記述されているのだろうか？と思い外部ＣＳＳファイルを睨めっこしたのですが、そんな形跡がありません。 このサイトはプロのデザイン制作会社のページなのでコード文字数が多く なかなか私も完全に構造内容を確実に把握できません。 「メニュー（リスト）部分のみ」でいいのでどなた様かどうか解説して 頂けないでしょうか？ また私もどうも地頭が悪いので、メニュー（リスト）の部分を構成する ＨＴＭＬとＣＳＳを抜粋して説明して頂けると本当に有難いです。 友人には、そんな難しいサイトで勉強せず、適当にテーブルで作ればい いだろうが！と言われますが、なんとかこのサイトで理解したいんです。 上記サイトの構造を眺めて２週間ですが、全然わかりません。 助けて下さい。宜しくお願い致します。
- ベストアンサー
- CSS
- CSSで記述されたホームページ
テーブルで記述されたホームページはDreamWeaver等でデザインを確認ｄきますが、CSSで記述されたホームページはブラウザでしか確認できません。 DreamWeaverでデザインを確認することはかのうでしょうか？
- ベストアンサー
- HTML
- cssで文字背景を透明化できますか？
cssで文字背景を透明化できますか？ 文字の背景にbackground-colorで色をつけ、その色を透けて見せたいのですが、 わかりません・・。 「-moz-opacity:50；」とか「filter:alpha(opacity=50)；」などで色の透明効果を 出せるとありましたが、ソースをどう記述すればいいのかわかりません。 よろしくお願いしますm(_ _)m
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSでのリストのマージン記述について
リストのマージンを左に他のli行と比べ、１２０pxずらして表示したい場合、 CSS表記を、 あらためて、クラスliを作って、margin ： 0 0 0 120 ; としましたが、うまくいきません。 margin-left : 120px ; もダメでした。 ご存知の方、教えてください。 よろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- リセットCSSが効かない
初めてのwebページ作りで困ったことが起こりました。リセットCSSを記述し、まずはFirefoxで表示の確認をしてみました。ところが、本来余白が無くなって詰めて表示されるはずが、なぜか余白が残って表示されてしまいます。（リストマーカーなど他のリセットCSSはなぜか反映されていました。）コードを何度も見直しましたが、これといった間違いは見つからなかったのでおかしいなぁと思い、別のブラウザでも表示させてみました。すると、EdgeとIEでは同じく一部のリセットCSSが反映されていないようでしたが、Google Chromeではすべて正しく反映されており、無駄な余白のないレイアウトしやすい状態になっていました。これでリセットCSSがうまく機能していることは確認できたのですが、なぜGoogle Chromeでしか反映されないのか不思議でなりません。webサイト制作専門の方に聞いても「ブラウザの問題は分かりかねないと」と言われてしまい、困っています。先に進みたいのですが、別のブラウザで正しく表示されないとなると問題だと思うので、なるべく早く解決したくこちらで質問させていただきました。HTML、CSS、ブラウザに詳しい方などにご教示いただけたらと思います。よろしくお願いいたします。
- 締切済み
- CSS
補足
ご回答ありがとうございます。 つまり、ある文字列をブラウザ上には表示して、 検索エンジンから読み取れないようにしたいのですが。