yahooなどの検索エンジンは、ウインドウを小さくしても、
大きくしても、それにあわせて、文字の大きさなどが変化します。
そのタグを、教えてください。
javascriptでしかできないのだったら、それも教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

 はじめまして。

先の回答のとおりyahooなどの検索エンジンのサイトに
そのようなタグは使われておりません。
ですが、実際にウィンドウの大きさに追随する形でフォントのサイズを
大きくしたり小さくさせたりすることのできるタグ(javascript)
はありますよ。^^
 注意点としてインターネットエクスプローラー5.x以上
でなければ機能しないようです。以下そのソースです。

<H1
style="font-size:expression(document.body.clientWidth/16);">Cascade Style Sheet</H1>

見てみると難しそうなのが書いてありますが、基本的に「16」の部分を
適当な数値に変えるとデフォルトの文字の大きさが変わります。数値を
大きくすればするほどブラウザ上での基本のフォントサイズは
小さくなります。よくわからないと思いますけど
このとおりにコピペして実際に見てみればわかると思いますよ。
    • good
    • 0

HIROYOさんに補足させて頂きます。

(^_^)
そして全体がセンターに配置されているためにリサイズされている様に感じられたようですね。>sigeomoriyamaさん
    • good
    • 0

文字のサイズではなくて、文章の幅のことですか?


それだったら、全体をテーブル組しているんだと思いますよ。
<TABLE WIDTH="**%">で指定すると、ウィンドウサイズを変更すると、そのウィンドウサイズに対して**%でレイアウトを行うので、ウィンドウサイズによってレイアウトが大きくなったり小さくなったりするのです。
    • good
    • 0

Yahoo!にそんな機能が!? と思って日本Yahoo!、米Yahoo!をそれぞれ覗いてみて、ウィンドウサイズを変えてみましたが、トップページ、検索結果ページともに文字の大きさが変わる効果はないようです。

(IE5.5、NN6.1で検証)
文字の大きさが変わるページとはどこのことでしょうか? もしよろしければURLを教えてください。

なお、FlashやPDFなどのプラグインフォーマットで構成されたページなら、ウィンドウサイズにしたがってフォントや画像の大きさを変えることは可能であることを付け加えておきます。

参考URL:http://www.yahoo.co.jp/ , http://www.yahoo.com/
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qbrタグ、pタグやtableタグが非推奨にならない理由

表記のタグは必ずしも純粋に文章の構造を記述するものとは言えない(装飾やレイアウトに属する範疇)ような気がします。

実際CSSで十分に代用できると思うのですが、これらのタグがW3Cで非推奨とされないのは何故でしょうか。

Aベストアンサー

> HTMLで最低限の外見制御
まだちょっと主従関係について混乱されているようです。

HTMLの要素がデザインに影響する機能を持っているのではなく、
それが何であるかを示すためにマークアップをすると
結果として(視覚化するブラウザでは)表示に影響が出るのです。

ページを表示する≒(X)HTML文章を伝達する、ために存在するブラウザが
段落だから行間を空けてやろうとか
表だから縦横に並べてやろうとか
それなりの視覚化を行っているだけです。


行間がどうなるとか外見の制御を念頭においてを考えるのではなく
本質的にそれが「何」であるかをマークアップするのが文章の論理構造を記述するという事です。

一般的に外見から考えたほうが理解しやすいので
縦横に並べたいと思えばそれは恐らくリストや表だし、
一行空けたいと思えばたぶん段落の切れ目ですが
理念は逆ですのでお間違えのなきように。

Qulタグやliタグの中でbrタグは使えない?

完成したサイトなのですが…。
Dreamweaverにて開いて一応チェックすると、
「タグbrはur内では使用できません」との表示がでて驚いています。

<li>~</li>だけで自動的になされる改行だと、詰まって見えるのです。
だから、

<ul style="padding-left: 00px;">
<li>~</li></br>
<li>~</li></br>
</ul>

のようにして処理しております。ただ、これってSEO的にマズい、ということなのでしょうか?
どうか、ご存知の方いましたら教えてください。

Aベストアンサー

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.3.1 )を参照すること

したがって
<ul>
 <li>・・・<br>
 <li>・・・<br>
</ul>
とは書けます。(HTMLの場合)
その場合、ブラウザは
<ul>
 <li>・・・<br></li>
 <li>・・・<br></li>
</ul>
と解釈します。(XHTMLはこう書かないとならない)

★もっと、はるかに大事なこと
「<li>~</li>だけで自動的になされる改行だと、詰まって見えるので」<br>を入れるは、HTML的には最大の間違いです。こちらのほうがはるかに重要!!
 構造とプレゼンテーションは区別すること。デザインのためにHTMLを書いてはなりません。
 2.3.2 アクセス性 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.2 )

スタイルシートで、
ul li{margin-bottom:1em;}
だけでよい。

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp...続きを読む

Qウィンドウサイズにあわせた背景画像の大きさの変更

今スタイルシートで背景を固定したページを作っています。
この固定背景をウィンドウサイズにあわせてサイズ変更したいのですが、HTMLで可能でしょうか?
例えば、800×600を全画面で1024×768とした時、背景に表示される画像は800×600の時のを拡大したもの、というのが理想なんですが・・・。
過去の質問も検索したのですが、検索の仕方が悪いのか、どうもいい感じにならないので・・・。

因みに、現在下記で書いてます。
--------------
<style type="text/css">
<!--
body{background:fixed url(画像)
#ffffff no-repeat top left}
-->
</style>
-----------

よろしくお願いします!

Aベストアンサー

一応それらしいことは出来るみたいです。
ただ、スタイルシートでレイヤを作ってるので‥‥
と、書くよりも下記URLが参考になるのでそちらを見てはどうでしょうか^^;

参考URL:http://tohoho.wakusei.ne.jp/wwwxx037.htm

Q使えるタグ、使えないタグ、使わないほうがいいタグ…等

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った場合も、まだそのタグが廃止されていないころのブラウザを使えば問題なく使用可能…?(使用したいわけではなく、可・不可の問題で)
5、また、html5が話題になってきていますが、html5で廃止されたタグも現行のブラウザでは後方互換のため使用することが可能…?
6、html5では使えないが、ブラウザはhtml5にもhtml4.01等にも対応しているので使用ができる。という解釈で合っていますでしょうか?
7、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">などとしても、html5のタグが反応するのはどうしてなのでしょうか?

間違えている項目等、指摘していただければ幸いです。どうかよろしくお願いします。

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った...続きを読む

Aベストアンサー

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値)を無視しなければならない。
●認識できない属性値があった場合、ユーザエージェントは、デフォルトの属性値を用いねばならない。
●宣言されていない実体があった場合、この実体を文字データとして扱わねばならない。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Performance, Implementation, and Design Notes (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/appendix/notes.html#h-B.1 )]より

【引用】____________ここから
注意。 1999年12月24日版のHTML 4.01において、HTML作業グループは次の方針を確約する。
●HTML 4 DTDに将来発生する変更は、現在の規定によるDTDに適合する文書を不適正化するものではない。 HTML作業グループは、バグを修正する権利を予約する。
●現在の規定に適合するソフトウエアは、将来の HTML 4 DTD にある認識不能な機能を無視してよい。

 これはつまり、文書型宣言において、著者は最新版のHTML 4を指し示すシステム識別子を安全に用い得るということを意味する。 著者はまた、特定DTDで検証することが求められる際には特定日付版のHTML 4 DTDを示すシステム識別子を用いてもよい。 W3Cは、特定日付版について、原形式のまま原アドレスで無期限に得られるよう、あらゆる努力を払う。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.2 )]より

 などあちこちに、

★すなわち
 Document Typeは、あくまで、そのHTMLがどのルールによってかかれているかを宣言するもので、その宣言とそれによって許される要素名・属性などについては、将来的に表示が保証されるという意味です。

 DOCTYPEを書け!書かなければならないのは、この保証を担保するためです。
 DOCTYPEが書かれていて、それに適合するように書きなさいとは、そういう意味です。
 一方でブラウザには、適合していなくても、可能な限り表示を努力することが求められていますが、義務ではない。
 
と考えれば、すべての質問に対する答えはお分かりですよね。・・・そのように、仕様書に書いてある。

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値...続きを読む

Qtdなどの閉じタグは省略しても問題ないか

td, th, tr, liなどの要素に関して、【HTML4.01の仕様としては】省略していいことになっていることは知っています。

Index of the HTML 4 Elements
http://www.w3.org/TR/1999/REC-html401-19991224/index/elements.html

ただ仕様云々の問題ではなく、現実問題として省略しないほうがいいケースがあるのか気になったので質問させていただきました。


質問は以下です。
・省略するとレイアウトが崩れるブラウザがあるのでしょうか?あるのならブラウザ名・バージョンを教えてください。
・省略すると機能的に問題が発生するケースがあるのでしょうか?あるのなら具体的な現象、ブラウザ名・バージョンを教えてください。
・機能・レイアウト以外に省略しないほうがいい理由があるのでしょうか?あるならその理由を具体的に教えてください。
・HTML5ではどうなっているのでしょうか?【結構知りたい】
※XHTMLは書くつもりはないのでこの質問の対象外としていいです

よろしくお願いします。

td, th, tr, liなどの要素に関して、【HTML4.01の仕様としては】省略していいことになっていることは知っています。

Index of the HTML 4 Elements
http://www.w3.org/TR/1999/REC-html401-19991224/index/elements.html

ただ仕様云々の問題ではなく、現実問題として省略しないほうがいいケースがあるのか気になったので質問させていただきました。


質問は以下です。
・省略するとレイアウトが崩れるブラウザがあるのでしょうか?あるのならブラウザ名・バージョンを教えてください。
・省略すると機能的に問...続きを読む

Aベストアンサー

HTML5 でどうなっているのか結構知りたいということであれば, 自分で調べてはどうでしょうか. 他人に聞くよりも確実だと思うのですが....

もちろん HTML5 そのものはまだ確定していないので, 今後変化する可能性があることは念頭に置く必要があります.

参考URL:http://www.w3.org/TR/html5/syntax.html#optional-tags


人気Q&Aランキング

おすすめ情報