タイトルのとうりでし(爆)
なるべく早く返答くださると幸いです。
お待ちしてマース

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

A 回答 (3件)

最初の方が説明していらっしゃる通り、HTMLソースの最初にある(べき)DOCTYPE宣言を見れば分かります。


本来はここにバージョン情報を記述しなくてはなりません。なくてもブラウザはHTML文を解釈してページとして表示してしまうので書かない人がたくさんいますが、本来は書かないといけないものです。
正式公開版のHTMLには次のようにバージョンがあります。
HTML2.0
HTMLi18n
HTML3.2
HTML4.0
HTML4.01
最後は4.0のバグ修正版です。
これでHTMLのバージョンは終わりです。
これからはXHTML1.0というものに移行していきます。
また、バージョン以外にHTML4.0以降では種類があります。
Strict
Transitional
Frameset
があります。
で、本来のHTMLのあるべき姿がStrictです。
本来はHTMLは文書の構造等の論理付けを記述するための言語で、レイアウトを調整するためのものではありません。
しかし、みながレイアウト調整のためにさまざまに使うようになり、しかも、ブラウザが独自にタグを作り出して、独自の表示の仕方ができるようにしてしまったためにまとまりがなくなり、本来のHTMLの存在意義があまりなくなってしまいました。でも、市場には勝てず、一部レイアウトのためのタグも採り入れていったのがTransitionalです(正確にはすでに前のバージョンから採り入れられていきましたが)。
例えば<b>や<font>などのおなじみのタグはレイアウトのためのタグなのでStrictにはありません。
HTMLの標準化団体がW3C(World Wide Web コンソーシアム)というところで発表している仕様に基づいたものが正式なHTMLです。
表示の如何がブラウザに依存するタグは正式なものではありません。
たとえばIEの<marquee>など。
従いまして、本題に戻ると、ブラウザに依存するタグを使ってある場合、正式なHTMLとはいえないので、まずバージョンを云々することはできないということ。
次に、バージョンがあるということは、バージョンごとにそれぞれ追加されていったりしたタグがあるのでそれを手がかりにさぐる方法もあるにはあるということ。
たとえば、<q>や<del>などがあればHTML4.0以降、しかもStrictやTransitionalだと判断できるし、<s>があればHTML4.0以降のTransitionalだと分かります(Strictにはない)。
とはいえ、冒頭にDOCTYPE宣言がしてないものはたいていこういうことを知らずにでたらめに書いているだけだと思うので、DOCTYPE宣言のないものに関してはバージョンを云々する以前だと言ってもいいでしょう。
宣言があるものに関してはそれを見れば分かります。

参考URL:http://www.kit.hi-ho.ne.jp/jimmie/sitemaker/
    • good
    • 0

通常、HTMLはテキストのままなので、バージョンというものはあっても、


確認できる概念はありません。

ただし、それをみるためのブラウザにはバージョンがあります。
ですので、おつかいのブラウザでみれることのできるHTMLのバージョンというのなら概念はあるのですが、
それを調べるのは、参考書を購入して、たいがい、IEのバージョンで見れるタグと、NNのバージョンで見れるタグが明記されてます。
(逆に明記されている参考書を買うべきです)

あと、NNやIEなら、e-MAILを自分宛てに出して、
ヘッダーのすべての情報を表示すれば、そこにx-mailerという形でひとつの指標となるものが埋めこめられています。
    • good
    • 0

HTMLソース冒頭のDOCTYPE宣言を見るとわかります。


たとえばこのページのソースだと、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
となっていて、ほー、HTML 4.01 Transitionalを使ってるんだなー、とわかります(笑)。
    • good
    • 0

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

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

Qタイトル表示をインラインフレームの内のものにしたい</a></h4> <p class="relatedQA-body hide" id="relatedQA-Q_toggle_4185482"> 最初に「index.html」にアクセスしたときは、そのままのタイトル表示<br /> (<title>タグ内のもの)で問題ないのですが、インラインフレーム内<br /> に、例えば「annai.html」を表示させたときに、現在のフレーム内の<br /> ページタイトルに変えることは可能でしょうか?<br /> <br /> 下に詳しく表記します。<br /> アクセス当初「index.html」<br /> ↓<br /> ・・・・・・・・・・・・・・・・・・・・<br /> <html><br /> <head><br /> <title>インデックス</title><br /> </head><br /> <body><br /> <a href="annai.html" target="NAME">案内</a><br /> <iframe name="NAME" (略)></iframe><br /> </body><br /> <html><br /> ・・・・・・・・・・・・・・・・・・・・<br /> 上記のままだとブラウザのタイトルバーに「インデックス」と表示される<br /> <br /> インラインフレームに「annai.html」を表示させたとき、<br /> ↓<br /> ・・・・・・・・・・・・・・・・・・・・<br /> <html><br /> <head><br /> <title>案内</title><br /> </head><br /> <body><br /> </body><br /> <html><br /> ・・・・・・・・・・・・・・・・・・・・<br /> タイトルバーを上記の<title>タグ内の、「案内」に変えたい<br /> <br /> 返ってややこしい説明になっていましたら、スイマセン。<br /> 回答よろしくお願いいたします。 </p> <p class="relatedQA-body" id="relatedQA-Q_toggle_4185482_truncated"> 最初に「index.html」にアクセスしたときは、そのままのタイトル表示<br /> (<title>タグ内のもの)で問題ないのですが、インラインフレーム内<br /> に、例えば「annai.html」を表示させたときに、現在のフレーム内の<br /> ページタイトルに変えることは可能でしょうか?<br /> <br /> 下に詳しく表記します。<br /> アクセス当初「index.html」<br /> ↓<br /> ・・・・・・・・・・・・・・・・・・・・<br /> <html><br /> <head><br /> <title>インデックス</title><br /> </head><br /> <body><br /> <a href="annai.html" target="NAME">案内</a><br /> <iframe name="NAME" (略)></i...<a class="relatedQA-body-more" href="javascript:void 0;">続きを読む</a> </p> </div> <div class="relatedQA-inner relatedQA-inner--A"> <p class="relatedQA-head"><i class="fa fa-mail-reply fa-rotate-180"></i><span class="relatedQA-head-icon">A</span><span class="relatedQA-head-BA">ベストアンサー</span></p> <p class="relatedQA-body" id="relatedQA-A_toggle_12566531"> Javascriptを使って。<br /> <br /> <iframe <br /> onload="document.title=this.contentWindow.document.title"<br /> ~></iframe><br /> <br /> Javascriptを使っているので、iframe内に別ドメインのページ(外部サイト)を読み込むとエラーになります。<br /> <br /> 最初からiframe内のページのタイトルになりますので、<br /> 最初にiframe内に表示するページに妥当なtitleを付けておく必要があります。<br /> <br /> Operaでは動作せず。原因不明。(ただしエラーにもならない。) </p> </div> <div class="relatedQA-more"><a data-osccid="related_answer_more" href="//oshiete.goo.ne.jp/qa/4185482.html">他の回答も見る</a></div> </div><!--//relatedQA-wrap--> <div class="relatedQA-wrap"> <div class="relatedQA-inner relatedQA-inner--Q"> <h4 class="relatedQA-head"><span class="relatedQA-head-icon">Q</span><a data-osccid="related_answer_qtitle" href="//oshiete.goo.ne.jp/qa/6958454.html">タイトルの横にサブタイトルが並ぶ</a></h4> <p class="relatedQA-body" id="relatedQA-Q_toggle_6958454"> 画像のように、タイトルの横にサブタイトルを4つ位並び、その横にも同じように並ぶようなHTMLはどのようにすれば良いのでしょうか?<br /> 宜しくお願いします。 </p> </div> <div class="relatedQA-inner relatedQA-inner--A"> <p class="relatedQA-head"><i class="fa fa-mail-reply fa-rotate-180"></i><span class="relatedQA-head-icon">A</span><span class="relatedQA-head-BA">ベストアンサー</span></p> <p class="relatedQA-body hide" id="relatedQA-A_toggle_19477796"> 簡単な例です。<br />  他にも色々な方法があるでしょうし、他のマークアップ(子リストを持つリストなら)でも同様に出来るでしょう。<br /> IEやfirefoxのようなスクリーン端末のみの設定です。携帯電話や読み上げブラウザ、展示端末は普通のリストとしてプレゼンテーションされる。<br /> <br /> ★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )<br /> ★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )<br />  で検証済み<br />  なお、タブは_に置換してあるので戻すこと<br /> <br /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /> <html lang="ja"><br /> <head><br /> _<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"><br /> _<title>サンプル</title><br /> _<meta name="author" content="ORUKA1951"><br /> _<meta http-equiv="Content-Style-Type" content="text/css"><br /> _<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" ><br /> _<link rel="START" href="../index.html"><br /> _<style type="text/css" media="screen"><br /> <!--<br /> <br /> _div.nav{width:100%;min-width:700px;max-width:1000px;}<br /> _div.nav a{text-decoration:none;width:100%;color:aqua;}<br /> _div.nav ol,div.nav ul,div.nav li{display:block;margin:0;padding:0;}<br /> _div.nav ol{width:100%;}<br /> _div.nav ol li{width:50%;float:left;height:100px;position:relative;font-size:26px;font-weight:bold;line-height:20px;}<br /> _div.nav ol li ul{position:absolute;right:-50%;width:40%;top:0;padding-right:50%;}<br /> _div.nav ol li ul li{font-size:14px;font-weight:normal;height:20px;line-height:20px;}<br /> _div.nav ol li ul li a{color:maroon;}<br /> _div.nav ol li>a[href="./profile.html"]:after{content:"会社概要";font-size:14px;color:black;}<br /> _div.nav ol li>a[href="./location.html"]:after{content:"所在地";font-size:14px;color:black;}<br /> _div.nav ol li ul li a:before{content:"▲";font-size:8px;}<br /> --><br /> _</style><br /> </head><br /> <body><br /> _<h1>サンプル</h1><br /> _<div class="nav"><br /> __<ol><br /> ___<li><a href="./profile.html">COMPANY PROFILE<br></a><br /> ____<ul><br /> _____<li><a href="./profile.html#profile">会社概要</a></li><br /> _____<li><a href="./profile.html#chart">組織図</a></li><br /> _____<li><a href="./profile.html#policy">企業理念</a></li><br /> _____<li><a href="./profile.html#content">事業内容</a></li><br /> ____</ul><br /> ___</li><br /> ___<li><a href="./location.html">LOCATION<br></a><br /> ____<ul><br /> _____<li><a href="./location.html#main">本社所在地</a></li><br /> _____<li><a href="./location.html#sub">事業部所在地</a></li><br /> ____</ul><br /> ___</li><br /> __</ol><br /> _</div><br /> </body><br /> </html> </p> <p class="relatedQA-body" id="relatedQA-A_toggle_19477796_truncated"> 簡単な例です。<br />  他にも色々な方法があるでしょうし、他のマークアップ(子リストを持つリストなら)でも同様に出来るでしょう。<br /> IEやfirefoxのようなスクリーン端末のみの設定です。携帯電話や読み上げブラウザ、展示端末は普通のリストとしてプレゼンテーションされる。<br /> <br /> ★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )<br /> ★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )<br />  で検証済み<br />  なお、タブは_に置換してあるので戻すこと<br /> <br /> <!D...<a class="relatedQA-body-more" href="javascript:void 0;">続きを読む</a> </p> </div> <div class="relatedQA-more"><a data-osccid="related_answer_more" href="//oshiete.goo.ne.jp/qa/6958454.html">他の回答も見る</a></div> </div><!--//relatedQA-wrap--> <div class="relatedQA-wrap"> <div class="relatedQA-inner relatedQA-inner--Q"> <h4 class="relatedQA-head"><span class="relatedQA-head-icon">Q</span><a data-osccid="related_answer_qtitle" href="//oshiete.goo.ne.jp/qa/1880800.html">タイトルタグを打ち込んでもブックマークにタイトルがでません</a></h4> <p class="relatedQA-body" id="relatedQA-Q_toggle_1880800"> タイトルタグを打ち込んでもブックマークにタイトルがでません<br /> <br /> <HTML><br /> <HEAD><TITLE>在りし日</TITLE></HEAD><br /> <body><br /> <CENTER><br /> <br><br /> <br><br /> <FONT SIZE=3><FONT COLOR="#cc0000"><br /> 在りし日<br /> </FONT></FONT><br /> <br><br /> <br><br /> <img src="abc.jpg"><br><br /> <br><br /> <br><br /> <font size=3><font color="#000000"><br /> 初めてのホームページ制作にチャレンジ中です。<br /> <br></font></font><br /> <A HREF="abc.html">next</A><br /> </CENTER></BODY></HTML><br /> <br /> 以上のように打ち込んでいます </p> </div> <div class="relatedQA-inner relatedQA-inner--A"> <p class="relatedQA-head"><i class="fa fa-mail-reply fa-rotate-180"></i><span class="relatedQA-head-icon">A</span><span class="relatedQA-head-BA">ベストアンサー</span></p> <p class="relatedQA-body" id="relatedQA-A_toggle_5862028"> すみません、補足でページアドレスを書かれていたのを今気付きました。下の方法を上から順に試してみてください。<br /> <br /> 1. ソースの先頭にある空行を消してみてください。<br /> <br /> 2. こちらの Mac OS X 10.3 + IE5.2 の環境で文字コードの自動認識に失敗します。<head>の部分に文字コードの指定を付け加えてみてください。こういう風になります。<br /> <br /> <HEAD><br /> <META http-equiv="content-type" content="text/html; charset=shift_jis"><br /> <TITLE>在りし日</TITLE><br /> </HEAD><br /> <br /> 3. ソースの改行コードがLFになっているのが少し気になります。CR+LFにしてみるとどうなるでしょうか? </p> </div> <div class="relatedQA-more"><a data-osccid="related_answer_more" href="//oshiete.goo.ne.jp/qa/1880800.html">他の回答も見る</a></div> </div><!--//relatedQA-wrap--> <div class="relatedQA-wrap"> <div class="relatedQA-inner relatedQA-inner--Q"> <h4 class="relatedQA-head"><span class="relatedQA-head-icon">Q</span><a data-osccid="related_answer_qtitle" href="//oshiete.goo.ne.jp/qa/7908911.html">htmlでdivをなるべく使わないで</a></h4> <p class="relatedQA-body" id="relatedQA-Q_toggle_7908911"> 書く方法ってありますかね?もちろんゼロとはいいませんが、使うとしても4~5コ程度に抑えたいのです。どうも</div>って書きまくって、見てみたら不備があり無用なdivを見つけるのに苦労しました。別な人からもなるべく多くは使わない方がいいと言われまして、しかし、画像とかを挿入する際に<br /> h1,h2,h3,h4・・・・とやるのは上手くないとお聞きしましたので、どうすればよいかなと思いまして回答お願いします。それとセクション要素もたくさん使うのですが、これら一覧が載っているサイトあればお願いします。 </p> </div> <div class="relatedQA-inner relatedQA-inner--A"> <p class="relatedQA-head"><i class="fa fa-mail-reply fa-rotate-180"></i><span class="relatedQA-head-icon">A</span><span class="relatedQA-head-BA">ベストアンサー</span></p> <p class="relatedQA-body hide" id="relatedQA-A_toggle_21932984">  一言で説明しきれないのでリンクを含めて書きます。リンク先も読んで理解してください。<br /> <br /> まず、HTML4.01の仕様書を最初から最後まで流し読みしてください。ついでHTML4.01からHTML5への変更点を読むと良いでしょう。<br />  ⇒HTML 4.01仕様書( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )<br />  ⇒HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff )<br /> <br />  「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」<br />  「HTML5 では、文書をよりよく構造化するために、次の要素が新しく追加されました。( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )」<br />  このふたつの文章が意味するところは、divは、「文書構造を補完するために使用する」のだが、抽象的で理解されなかったために「新しく文書構造を示す要素が追加された」と言う意味です。<br /> <br />  HTML4.01は、それ以前のHTMLで『著者はまた、表や画像を、ページレイアウトのための道具に流用していた。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.5 )』『そのためのテクニックには思わぬ副産物があった。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )』への反省から、作られたものです。<br />  HTMLは、「どんな環境からもWebの情報を利用できるようにすべき( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」であるはずが、そうでなくなってしまったためにHTML4.01が策定されたのでしたね。<br />  視覚ブラウザでなくても、どこがその文書のヘッダであり、どこが本文であり、どれが表で、どこが引用で、どこが見出しであるか・・・が理解できるようにマークアップすべきです。言い換えれば、HTMLで文書の構造を記述し、スタイルシートでプレゼンテーションを指定する『構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )』ということです。<br /> <br /> > htmlでdivをなるべく使わないで書く方法<br />  という時点で、DIVの乱発とまったく同じ発想であることに気付いてください。<br />          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^<br />  私は、最近では次のようにマークアップすることが多いです。<br /> <body><br />  <div class="header"><br />   <h1>タイトル</h1><br />   <div class="nav"><br />    目次<br />   </div><br />  <div class="section"><br />   <h2>本文見出し</h2><br />   <p></p><br />   <div class="section"><br />    <h3></h3><br />    <p></p><br />    <p></p><br />    <div class="note"></div><br />    <div class="figure"></div><br />    <div class="aside"></div><br />   </div><br />   <div class="section"><br />    <h3></h3><br />    <div class="aside"></div><br />   </div><br />  </div><br />  <div class="footer"><br />  </div><br /> </body><br />  一目見て、文書構造が分かります。HTML4.01では文書構造を示す要素が足りなかったためにclassやidをつけたdiv要素で文書構造を示しています。これがHTML5だと<br /> <body><br />  <header><br />   <h1>タイトル</h1><br />   <nav><br />    目次<br />   </nav><br />  <section><br />   <h2>本文見出し</h2><br />   <p></p><br />   <section><br />    <h3></h3><br />    <p></p><br />    <p></p><br />    <div class="note"></div><br />    <figure"></figure><br />    <aside></aside><br />   </div><br />   <section><br />    <h3></h3><br />    <aside"></aside><br />   </section><br />  </section><br />  <footer><br />  </footer><br /> </body><br /> となるでしょう。DIVを使う機会は大幅に減るでしょうね。しかし、DIVを減らすために書いているのではありません。<br />  文書構造を示す要素がない場合はDIVを(idやclassとともに)使って構造化する事が必要なことは変わりません。<br /> <br /> >画像とかを挿入する際にh1,h2,h3,h4・・・・とやるのは上手くない<br /> <br />  その画像が本文から参照される挿絵的な要素でしたら<br /> <div class="figure"><br />   <h3 class="figcpation">図1</h3><br />   <img src="" width="" height="" alt=""><br /> </div><br />  とされるでしょう。それが見出しでしたら<br /> <h1><img src="" width="" height="" alt="何とかのページ"></h2><br />  とマークアップされて良いでしょう。・・・ただしこの場合、画像に背景以上の意味がないなら<br /> <h1>何とかのページ</h2><br />  としてスタイルシートで背景をしてするほうが適切でしょう。<br /> <br /> >これら一覧が載っているサイトあればお願いします。 <br />  それがないのは理解できると思います。確実なのは仕様書を読んで、それぞれがどのような意味を持ち、どこに使われるかを知っておくこと。そのためには全体を通読して概略を理解して、ここはどの要素でマークすればよいかを都度チェックすることです。<br />  ⇒7.5.5 見出し: H1、H2、H3、H4、H5、H6要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#edef-H1 )<br />   「見出しの要素は、その章・節で述べられる話題を短く記すものである」<br /> <br />  高々、数十個の要素(タグ)です。すぐ覚えちゃいますよ。<br /> <br /> >無用なdivを??<br /> <div class="memo important"><br />  <p><br />   プレゼンテーション(スタイルシート)で使うが使うまいがに関わらず、文書構造をメモしておきたければ、書いておくべきです。<br />  </p><br /> </div><br />  というふうにね。無用かそうでないかはその時点では分かりません。<br /> <br /> ★wrapper とか contentとか left-menueとかのclass,id名は、おかしいですね。 </p> <p class="relatedQA-body" id="relatedQA-A_toggle_21932984_truncated">  一言で説明しきれないのでリンクを含めて書きます。リンク先も読んで理解してください。<br /> <br /> まず、HTML4.01の仕様書を最初から最後まで流し読みしてください。ついでHTML4.01からHTML5への変更点を読むと良いでしょう。<br />  ⇒HTML 4.01仕様書( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )<br />  ⇒HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff )<br /> <br />  「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための...<a class="relatedQA-body-more" href="javascript:void 0;">続きを読む</a> </p> </div> <div class="relatedQA-more"><a data-osccid="related_answer_more" href="//oshiete.goo.ne.jp/qa/7908911.html">他の回答も見る</a></div> </div><!--//relatedQA-wrap--> <div class="relatedQA-wrap"> <div class="relatedQA-inner relatedQA-inner--Q"> <h4 class="relatedQA-head"><span class="relatedQA-head-icon">Q</span><a data-osccid="related_answer_qtitle" href="//oshiete.goo.ne.jp/qa/8435774.html">なるべくスタイルシートを使ったほうが良いの?</a></h4> <p class="relatedQA-body" id="relatedQA-Q_toggle_8435774"> ソースを作るにおいてhtmlでもできる事でも、なるべくスタイルシートを使ったほうが良いのでしょうか? </p> </div> <div class="relatedQA-inner relatedQA-inner--A"> <p class="relatedQA-head"><i class="fa fa-mail-reply fa-rotate-180"></i><span class="relatedQA-head-icon">A</span><span class="relatedQA-head-BA">ベストアンサー</span></p> <p class="relatedQA-body hide" id="relatedQA-A_toggle_23504112"> 確かに、bgcolorだとかいろいろな設定はhtmlタグの中に書けます。<br /> PCのエディタで作り、IEなどのブラウザで表示する、というだけであればCSSは余計なものに思うのは自然です。<br /> <br /> ただし、こういうことになります。<br /> <br /> 箇条書きで10個ぐらいの記述があるとします。<br /> <ul><li>をしたとして考えましょう。<br /> 1行目のメッセージのフォントカラーを青にしたいとします。その行の<li>に属性を与えればOK.<br /> 2行目は? やっぱり前の行と同じように<li>にfont color=blueというようにやります。<br /> これを10行やる必要があります。10行全部書く必要があります。<br /> その中のひとつだけ注目を集めるためcolor=redにしたければ、たとえばそれが8行目なら8行目の<li>だけそうすればいい。<br /> <br /> 翌日、注目欄は8行目ではなく9行目になったとします。<br /> 修正場所は? <br /> 8行目はcolor=blue<br /> 9行目はcolor=red<br /> と直す必要がありますね。<br /> 11行になる必要がでたら、11行目にも青表示命令を書かなければなりません。<br /> <br /> CSSを使うとどうなるか。<br /> <li>というタグはfont color=blueとしておけば、本文が10行であれ20行であれいちいち書く必要はありません。<br /> もしそのうちの1行だけ赤くしたければ、CSSでPICKUPというクラスのliを宣言し、color=redにします。<br /> 本文HTMLではclass="PICKUP"のように設定しておけばいいのです。<br /> <br /> こういうことを、抽象化だとか部品化とかいろいろ呼ばれていますが、ミスなしにするテクニックです。<br /> ある日、青文字を全部緑にしたいと思いついたら、CSSをgreenに書き換えるだけで、全ページはそれに従います。<br /> <br /> ここまでが、CSSのふつうの働きです。<br /> HTML5、CSS3になることでこの話は異常に展開します。<br /> <br /> ひとつをお教えしますと、レスポンシブルページというものです。<br /> <br /> 同じページを、PC、タブレット、スマホ、ガラケーで見る可能性があると考えます。<br /> <br /> 昔なら、携帯用のサイトは/mだとかURLに別フォルダを作りましたがそんな必要はありません。<br /> <br /> ブラウザの横幅のサイズがわかりますので、<br />  うんと短い場合(ガラケー)<br />  短い場合(スマホ縦置き)<br />  やや短い場合(スマホ横置き、またはタブレット)<br />  長い場合(PC)<br /> で、画像のサイズを調整したり折り返しをしたり、マウスを置いた時の動きを替えたり、これをCSSだけで行うのです。<br /> <br /> HTMLを作るほうでは、一応CSSで何をするかによってidやクラスを想定する必要はありますが、1枚だけページを作れば問題ないのです。<br /> <br /> こういうことを、問い合わせ元のブラウザの反応で切り分ける=レスポンシブル、という操作名で実現します。 </p> <p class="relatedQA-body" id="relatedQA-A_toggle_23504112_truncated"> 確かに、bgcolorだとかいろいろな設定はhtmlタグの中に書けます。<br /> PCのエディタで作り、IEなどのブラウザで表示する、というだけであればCSSは余計なものに思うのは自然です。<br /> <br /> ただし、こういうことになります。<br /> <br /> 箇条書きで10個ぐらいの記述があるとします。<br /> <ul><li>をしたとして考えましょう。<br /> 1行目のメッセージのフォントカラーを青にしたいとします。その行の<li>に属性を与えればOK.<br /> 2行目は? やっぱり前の行と同じように<li>にfont color=blueというようにやります。<br /> これを10行やる必要があります...<a class="relatedQA-body-more" href="javascript:void 0;">続きを読む</a> </p> </div> <div class="relatedQA-more"><a data-osccid="related_answer_more" href="//oshiete.goo.ne.jp/qa/8435774.html">他の回答も見る</a></div> </div><!--//relatedQA-wrap--> </div> <!--//このQ&Aと関連する良く見られている質問--> <div class="pagetop"><a href="#community" data-osccid="to_top">ページトップ<img src="//oshiete.xgoo.jp/images/common/pagetop.png?48c9a9c" alt="ページトップ" width="24" height="24"></a></div> </div><!--/oshieteMain--> <!--bugfixForWinIE5--> <br class="clearboth"> <!--/bugfixForWinIE5--> </div><!--/os_incontents--> </div><!--/os_contents--> </div><!--/os_inmain--> </div><!--/os_main--> <div id="os_rside" data-gaccgroup="右ナビ"> <!-- google_ad_section_start(weight=ignore) --> <!--ok-sub--> <div id="ok-sub"> <!--ok-sub-inner--> <div class="ok-sub-inner"> <!--ad_badge300_1--> <div style="margin-bottom:5px;"> <div id="gooad_rect"> <div id="gooad-badge300_1"><script type="text/javascript">window.gooad && window.gooad.render();</script></div> </div> </div> <!--/ad_badge300_1--> </div> <!--/ok-sub-inner--> </div><!--/ok-sub--> <!-- google_ad_section_end(weight=ignore) --> <div class="side-module" id="recommend_info" data-gaccgroup="おすすめ情報"> <p>おすすめ情報</p> <ul> <li>・<a href="/matome/detail/shikisai02/?from=qa_navi_osusume" target="_blank" data-osccid="navi_osusume"><b>自分のペースで学べる資格「色彩検定」</b></a></li> <li>・<a href="//haircare.oshiete.goo.ne.jp/report/?from=qa_navi_osusume" target="_blank" data-osccid="navi_osusume"><b>本当は知りたい、発毛体験のあれこれ。</b></a></li> <li>・<a href="//haircare.oshiete.goo.ne.jp?from=qa_navi_osusume" target="_blank" data-osccid="navi_osusume"><b>健康な美髪になるために必要なことは・・</b></a></li> <li>・<a href="/tyuugakujyuken/?from=qa_navi_osusume" target="_blank" data-osccid="navi_osusume"><b>注目!効果的な受験勉強の仕方とは?</b></a></li> <li>・<a href="/papyless/?from=qa_navi_osusume" target="_blank" data-osccid="renta_osusume"><b>だれでも無料!人気マンガ読み放題</b></a></li> </ul> </div><!--/.side-module--> <div class="side-module" style="text-align:center;"> <p class="rightQbtn buttons buttonsBlue"> <a data-osccid="navi_question" href="javascript:void 0;" data-login-modal-window-params="{"urls":{"yahoo":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=yahoo&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D2846%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","google":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=google&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D2846%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","twitter":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=twitter&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D2846%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","facebook":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=facebook&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D2846%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","goo_register":"https:\/\/login.mail.goo.ne.jp\/id\/portal\/RegIDAndSvcStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D2846%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","goo_login":"https:\/\/login.mail.goo.ne.jp\/id\/authn\/LoginStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D2846%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html"}}"> <span class="fa-stack"><i class="fa fa-circle fa-stack-2x w-circle"></i><i class="fa-stack-1x fa-inverse q">Q</i></span><span class="q-text">質問する(無料)</span> </a> </p> </div> <div class="qa_past side-module" style="display:none;" data-gaccgroup="Q&Aの参照履歴"> <div class="past"> <div class="qa_past_area"> <p>Q&Aの参照履歴</p> <div class="qa_past_list"> <ul id="questions_history"> </ul> </div><!--/.qa_past_list--> <div class="past_list_item"> <ul class="clearfix"> <li><a id="q_hist_clear" href="javascript:void 0;">全クリア</a></li> <li><a id="q_hist_toggle" href="javascript:void 0;">参照履歴を保存しない</a></li> </ul> </div><!--/.past_list_item--> </div><!--/.qa_past_area--> </div><!--/.past--> </div><!--/.side-module--> <!-- google_ad_section_start(weight=ignore) --> <!--ok-sub--> <div id="ok-sub"> <!--ok-sub-inner--> <div class="ok-sub-inner"> <!--ad_badge300_2--> <div style="margin-bottom:5px;"> <div id="gooad_rect"> <div id="gooad-badge300_2"><script type="text/javascript">window.gooad && window.gooad.render();</script></div> </div> </div> <!--/ad_badge300_2--> </div> <!--/ok-sub-inner--> </div><!--/ok-sub--> <!-- google_ad_section_end(weight=ignore) --> <aside data-gaccgroup="新規登録・ログイン"> <div class="loginBtns"> <p>新規登録・ログイン</p> <ul class="snsBtns"> <li><a data-osccid="register_yahoo" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=yahoo&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/yahoo.png?48c9a9c" alt="Yahoo!"></a></li> <li><a data-osccid="register_google" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=google&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/google.png?48c9a9c" alt="google+"></a></li> <li><a data-osccid="register_twitter" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=twitter&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/twitter.png?48c9a9c" alt="twitter"></a></li> <li><a data-osccid="register_facebook" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=facebook&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/facebook.png?48c9a9c" alt="facebook"></a></li> </ul> <p>gooIDで新規登録・ログイン</p> <ul class="bottomBtns"> <li class="login buttons"><a data-osccid="login_goo" href="https://login.mail.goo.ne.jp/id/authn/LoginStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html">ログイン</a></li> <li class="register buttons"><a data-osccid="register_goo" href="https://login.mail.goo.ne.jp/id/portal/RegIDAndSvcStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html">新規登録(無料)</a></li> </ul> </div> </aside> <div class="ranking-qa side-module section" data-gaccgroup="このカテゴリの人気Q&Aランキング"> <div class="list-module list_ranking"> <div class="title"> <h2 class="ranking">このカテゴリの<span>人気</span>Q&Aランキング </h2> </div> <ul class="tab clearfix"> <!--activeの方はclass="on"指定--> <li id="qa_ranking_daily_tab" class="on"><a data-osccid="navi_ranking_tab_daily" href="#" onclick=" document.getElementById('qa_ranking_monthly').style.display = 'none'; document.getElementById('qa_ranking_daily').style.display = 'block'; document.getElementById('qa_ranking_monthly_tab').className = ''; document.getElementById('qa_ranking_daily_tab').className = 'on'; return false; ">デイリー</a></li> <li id="qa_ranking_monthly_tab"><a data-osccid="navi_ranking_tab_monthly" href="#" onclick=" document.getElementById('qa_ranking_monthly').style.display = 'block'; document.getElementById('qa_ranking_daily').style.display = 'none'; document.getElementById('qa_ranking_monthly_tab').className = 'on'; document.getElementById('qa_ranking_daily_tab').className = ''; return false; ">マンスリー</a></li> <li class="rss"><a href="http://oshiete.xgoo.jp/api/qa_ranking/2846?type=rss" title="RSSフィード"><img src="//oshiete.xgoo.jp/images/2010renew/icon_feed.png?48c9a9c" alt="RSSフィード" width="51" height="18"></a></li> </ul> <div id="qa_ranking_daily" data-gaccgroup="デイリー"> <ul class="ranking1-3"> <li class="crown01"> <h3> <a href="/qa/9771187.html?from=navi_ranking" data-osccid="navi_ranking_daily"> ~SNSのシェアボタン多数をブロ... </a> </h3> </li> <li class="crown02"> <h3> <a href="/qa/9769708.html?from=navi_ranking" data-osccid="navi_ranking_daily"> サイトに表示しているテキスト... </a> </h3> </li> <li class="crown03"> <h3> <a href="/qa/9043590.html?from=navi_ranking" data-osccid="navi_ranking_daily"> <div id="container">の使いか... </a> </h3> </li> </ul> <ul class="ranking4-20"> <li> <span>4</span> <h3> <a href="/qa/8683343.html?from=navi_ranking" data-osccid="navi_ranking_daily"> 社内で利用するWebサイトを立ち... </a> </h3> </li> <li> <span>5</span> <h3> <a href="/qa/9766784.html?from=navi_ranking" data-osccid="navi_ranking_daily"> htmlのスタイルをcssにしたい </a> </h3> </li> <li> <span>6</span> <h3> <a href="/qa/9764289.html?from=navi_ranking" data-osccid="navi_ranking_daily"> 2の補数形式において、アンダー... </a> </h3> </li> <li> <span>7</span> <h3> <a href="/qa/9764465.html?from=navi_ranking" data-osccid="navi_ranking_daily"> 雷のようなアニメーションをウ... </a> </h3> </li> <li> <span>8</span> <h3> <a href="/qa/8820787.html?from=navi_ranking" data-osccid="navi_ranking_daily"> H1タグに改行の<br>を使う </a> </h3> </li> <li> <span>9</span> <h3> <a href="/qa/8818868.html?from=navi_ranking" data-osccid="navi_ranking_daily"> <A> に他のHTML用の属性 `TARGET` </a> </h3> </li> <li> <span>10</span> <h3> <a href="/qa/9762552.html?from=navi_ranking" data-osccid="navi_ranking_daily"> 【CSS】【HTML】横並びメニュー... </a> </h3> </li> <li> <span>11</span> <h3> <a href="/qa/8620878.html?from=navi_ranking" data-osccid="navi_ranking_daily"> 横並びdivで一部の初期高さがず... </a> </h3> </li> <li> <span>12</span> <h3> <a href="/qa/8756227.html?from=navi_ranking" data-osccid="navi_ranking_daily"> htmlでテキストファイルの中身... </a> </h3> </li> <li> <span>13</span> <h3> <a href="/qa/8794070.html?from=navi_ranking" data-osccid="navi_ranking_daily"> HTTPリクエストヘッダーの設定... </a> </h3> </li> <li> <span>14</span> <h3> <a href="/qa/9344666.html?from=navi_ranking" data-osccid="navi_ranking_daily"> HTMLメルマガにページ内リンク... </a> </h3> </li> <li> <span>15</span> <h3> <a href="/qa/8771550.html?from=navi_ranking" data-osccid="navi_ranking_daily"> サイトの最終更新日を知りたい </a> </h3> </li> <li> <span>16</span> <h3> <a href="/qa/8933641.html?from=navi_ranking" data-osccid="navi_ranking_daily"> div要素が重なってします </a> </h3> </li> <li> <span>17</span> <h3> <a href="/qa/8734837.html?from=navi_ranking" data-osccid="navi_ranking_daily"> [CSS] tableの行の間隔をあける </a> </h3> </li> <li> <span>18</span> <h3> <a href="/qa/8636448.html?from=navi_ranking" data-osccid="navi_ranking_daily"> <th>タグを使っても太字にしな... </a> </h3> </li> <li> <span>19</span> <h3> <a href="/qa/8897887.html?from=navi_ranking" data-osccid="navi_ranking_daily"> 要素間、要素内に隙間が空く </a> </h3> </li> <li> <span>20</span> <h3> <a href="/qa/8666935.html?from=navi_ranking" data-osccid="navi_ranking_daily"> テーブルの行の高さを指定する... </a> </h3> </li> </ul> </div> <div id="qa_ranking_monthly" style="display:none;" data-gaccgroup="マンスリー"> <ul class="ranking1-3"> <li class="crown01"> <h3> <a href="/qa/8580096.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> frameset要素を使わずに画面を... </a> </h3> </li> <li class="crown02"> <h3> <a href="/qa/8683343.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> 社内で利用するWebサイトを立ち... </a> </h3> </li> <li class="crown03"> <h3> <a href="/qa/8756227.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> htmlでテキストファイルの中身... </a> </h3> </li> </ul> <ul class="ranking4-20"> <li> <span>4</span> <h3> <a href="/qa/8765218.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> 日本語が下記のように文字化け... </a> </h3> </li> <li> <span>5</span> <h3> <a href="/qa/9043590.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> <div id="container">の使いか... </a> </h3> </li> <li> <span>6</span> <h3> <a href="/qa/8734837.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> [CSS] tableの行の間隔をあける </a> </h3> </li> <li> <span>7</span> <h3> <a href="/qa/8820787.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> H1タグに改行の<br>を使う </a> </h3> </li> <li> <span>8</span> <h3> <a href="/qa/8666935.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> テーブルの行の高さを指定する... </a> </h3> </li> <li> <span>9</span> <h3> <a href="/qa/8794070.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> HTTPリクエストヘッダーの設定... </a> </h3> </li> <li> <span>10</span> <h3> <a href="/qa/8771550.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> サイトの最終更新日を知りたい </a> </h3> </li> <li> <span>11</span> <h3> <a href="/qa/9729874.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> 固定ボタン CSSのみ </a> </h3> </li> <li> <span>12</span> <h3> <a href="/qa/8786929.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> <br >と<br /> 違い </a> </h3> </li> <li> <span>13</span> <h3> <a href="/qa/8620878.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> 横並びdivで一部の初期高さがず... </a> </h3> </li> <li> <span>14</span> <h3> <a href="/qa/9722307.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> Tableが指定した通りのサイズに... </a> </h3> </li> <li> <span>15</span> <h3> <a href="/qa/9718109.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> 「スタイルシートとCSS」のおす... </a> </h3> </li> <li> <span>16</span> <h3> <a href="/qa/9723170.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> レスポンシブデザインで space.... </a> </h3> </li> <li> <span>17</span> <h3> <a href="/qa/9723601.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> Web作成で「Forbidden」になっ... </a> </h3> </li> <li> <span>18</span> <h3> <a href="/qa/9709452.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> HTMLで作ったホームページをWin... </a> </h3> </li> <li> <span>19</span> <h3> <a href="/qa/9718072.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> PC内に保存してあるhtmlの文書... </a> </h3> </li> <li> <span>20</span> <h3> <a href="/qa/9708231.html?from=navi_ranking" data-osccid="navi_ranking_monthly"> HTMLでWikipediaの子項目の様な... </a> </h3> </li> </ul> </div> </div><!--/.list-module--> </div> <!--/.side-module--> <!-- google_ad_section_start(weight=ignore) --> <!--ok-sub--> <div id="ok-sub"> <!--ok-sub-inner--> <div class="ok-sub-inner"> <!--ad_badge300_3--> <div style="margin-bottom:5px;"> <div id="gooad_rect"> <div id="gooad-badge300_3"><script type="text/javascript">window.gooad && window.gooad.render();</script></div> </div> </div> <!--/ad_badge300_3--> </div> <!--/ok-sub-inner--> </div><!--/ok-sub--> <!-- google_ad_section_end(weight=ignore) --> <div class="specialistAnswerArea" data-gaccgroup="おすすめ情報"> <p>おすすめ情報</p> <div class="specialistAnswerAreaInner"> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/matome/detail/shikisai02/?from=today" data-osccid="today_ad_right0" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/shikisai02/shikisai02_70x70.jpg" width="70" height="70" alt="楽しく学ぶ、色彩検定特集"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/matome/detail/shikisai02/?from=today">楽しく学ぶ、色彩検定特集</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/matome/detail/shikisai02/?from=today01" rel="nofollow"> 働く女性の挑戦レポート </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/matome/detail/shikisai02/?from=today02" rel="nofollow"> サマンサタバサも導入! </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/matome/detail/shikisai02/?from=today03" rel="nofollow"> 色彩検定はどんな資格? </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/papyless/?from=today" data-osccid="today_ad_right1" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/papyless/renta_70x70_1705.jpg" width="70" height="70" alt="教えて!gooxRenta!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/papyless/?from=today">教えて!gooxRenta!</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/papyless/?from=today01" rel="nofollow"> 電子コミック読み放題 </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/papyless/?from=today02" rel="nofollow"> いま人気作品も108円! </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/papyless/?from=today03" rel="nofollow"> 課金なしでここまで読める! </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="http://haircare.oshiete.goo.ne.jp/report/?from=today" data-osccid="today_ad_right2" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/haircare_report/haircare_70x70.jpg" width="70" height="70" alt="発毛体験に行ってみた!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="http://haircare.oshiete.goo.ne.jp/report/?from=today">発毛体験に行ってみた!</a> </p> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/report/?from=today" rel="nofollow"> 発毛体験って何やるの? </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/report/?from=today" rel="nofollow"> チェックで分かる脱毛要因 </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/report/?from=today" rel="nofollow"> あなたの髪の将来大丈夫? </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/ai?from=today" data-osccid="today_ad_right3" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/oshiel_70x70.png" width="70" height="70" alt="教えて!gooのAI"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/ai?from=today">教えて!gooのAI</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/ai?from=today" rel="nofollow"> 恋愛の悩みにお答えします </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/ai?from=today" rel="nofollow"> 相談してみる→ </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/profile/542398537/history/answer/?from=today" rel="nofollow"> オシエルの回答はこちら→ </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/inboundjapan/?from=today" data-osccid="today_ad_right4" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/inboundjapan201611.jpg" width="70" height="70" alt="訪日外国人のQA開設!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/inboundjapan/?from=today">訪日外国人のQA開設!</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/inboundjapan/?from=today" rel="nofollow"> 日本の魅力を伝えよう </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/inboundjapan/?from=today" rel="nofollow"> 外国人の質問に答えて </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/inboundjapan/?from=today" rel="nofollow"> 外国人をおもてなし! </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/matome/detail/pokemongo/?from=today" data-osccid="today_ad_right5" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/Pokemon_navi.jpg" width="70" height="70" alt="ポケモンGO最新情報!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/matome/detail/pokemongo/?from=today">ポケモンGO最新情報!</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/qa/9358362.html?from=today" rel="nofollow"> ゲットしたポケモンは? </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/tag/%E3%83%9D%E3%82%B1%E3%83%A2%E3%83%B3GO?from=today" rel="nofollow"> ポケモンGOに関するQ&A </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/matome/detail/pokemongo/?from=today" rel="nofollow"> 関連記事まとめはこちら </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="http://itlife.oshiete.goo.ne.jp/?from=today" data-osccid="today_ad_right6" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/itlifech/70_70.png" width="70" height="70" alt="IT・家電の悩み解決に!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="http://itlife.oshiete.goo.ne.jp/?from=today">IT・家電の悩み解決に!</a> </p> <ul class="listText"> <li> <a href="http://itlife.oshiete.goo.ne.jp/?from=today" rel="nofollow"> 「ITライフch」開設! </a> </li> </ul> <ul class="listText"> <li> <a href="http://itlife.oshiete.goo.ne.jp/article/list?from=today" rel="nofollow"> 生活に役立つ情報を配信 </a> </li> </ul> <ul class="listText"> <li> <a href="http://itlife.oshiete.goo.ne.jp/?from=today" rel="nofollow"> デジタル関連の専門家 </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/cp/15anniversary/?from=today" data-osccid="today_ad_right7" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/oshiete/cp15anniv/70.png" width="70" height="70" alt="【祝】15周年特設ページ!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/cp/15anniversary/?from=today">【祝】15周年特設ページ!</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/cp/15anniversary/?from=today" rel="nofollow"> スタッフが厳選したQ&A </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/cp/15anniversary/challenge/?from=today" rel="nofollow"> なんでもやってみます! </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/cp/15anniversary/kaizentai/?from=today" rel="nofollow"> みなさまからのリクエスト </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/professional/?from=today" data-osccid="today_ad_right8" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/pro/70x70_01.jpg" width="70" height="70" alt="専門家が無料で回答します"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/professional/?from=today">専門家が無料で回答します</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/professional/profile/542251953?from=today" rel="nofollow"> 心理カウンセラーに相談 </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/professional/?from=today" rel="nofollow"> 弁護士、医者、建築士など </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/professional/?from=today" rel="nofollow"> 専門家に無料相談してみる </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/watch/entry/09561c0a699135f2c2f9d7aa6a9facaf/?from=gw1750" data-osccid="today_ad_right9" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/oshiete/watch_mamo_05.jpg" width="70" height="70" alt="話題の「マモニャン」"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/watch/entry/09561c0a699135f2c2f9d7aa6a9facaf/?from=gw1750">話題の「マモニャン」</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/watch/entry/09561c0a699135f2c2f9d7aa6a9facaf/?from=gw1751" rel="nofollow"> 関連情報まとめと </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/watch/writer/Team+Mamonyan/comic/51/?from=gw1752" rel="nofollow"> マモニャン誕生秘話など </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/watch/writer/Team+Mamonyan/comic/51/?from=gw1753" rel="nofollow"> 漫画も一挙公開! </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/qaconnect?from=today" data-osccid="today_ad_right10" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/oshiete/connect_70_1.png" width="70" height="70" alt="貴社サイトにQ&Aを!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/qaconnect?from=today">貴社サイトにQ&Aを!</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/qaconnect?from=today" rel="nofollow"> QAコネクトとは・・? </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/qaconnect?from=today" rel="nofollow"> QA機能を導入できます </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/qaconnect?from=today" rel="nofollow"> 利用料0円。事例はこちら </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="http://haircare.oshiete.goo.ne.jp/2th?from=today" data-osccid="today_ad_right11" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/haircare_2th/reve70x70_01.jpg" width="70" height="70" alt="髪の健康は食事から!"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="http://haircare.oshiete.goo.ne.jp/2th?from=today">髪の健康は食事から!</a> </p> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/2th?from=today" rel="nofollow"> 食生活が髪や体に影響… </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/2th?from=today" rel="nofollow"> 朝ごはん食べないと髪が… </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/2th?from=today" rel="nofollow"> 足ツボの刺激が髪をケア? </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" data-osccid="today_ad_right12" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/hk/70_6.jpg" width="70" height="70" alt="えっ、俺の髪、抜けすぎ…?"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="http://haircare.oshiete.goo.ne.jp/?from=today">えっ、俺の髪、抜けすぎ…?</a> </p> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" rel="nofollow"> 正常な抜け毛の量って? </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" rel="nofollow"> 髪は毎日洗うべき? </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" rel="nofollow"> 発毛のプロに聞いてみた </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/professional/?from=today" data-osccid="today_ad_right13" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/pro/70x70_02.jpg" width="70" height="70" alt="専門家に無料相談"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/professional/?from=today">専門家に無料相談</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/professional/?from=today" rel="nofollow"> 各分野のプロが親身に回答 </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/professional/?from=today" rel="nofollow"> あなたの悩みや疑問を解決 </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/professional/?from=today" rel="nofollow"> 専門家に無料相談してみる </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" data-osccid="today_ad_right14" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/hk/70_3.jpg" width="70" height="70" alt="抜け毛・薄毛悩む前に"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="http://haircare.oshiete.goo.ne.jp/?from=today">抜け毛・薄毛悩む前に</a> </p> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" rel="nofollow"> 登録不要!質問受付中 </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" rel="nofollow"> 発毛のプロが回答します </a> </li> </ul> <ul class="listText"> <li> <a href="http://haircare.oshiete.goo.ne.jp/?from=today" rel="nofollow"> 髪に関するお悩み解決 </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/profile/542222559/history/question?from=today" data-osccid="today_ad_right15" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/oshiete/official_70.png" width="70" height="70" alt="公式アカウントからの質問"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/profile/542222559/history/question?from=today">公式アカウントからの質問</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/profile/542222559/history/question?from=today" rel="nofollow"> 教えて!gooから質問! </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/profile/542228001/history/question?from=today" rel="nofollow"> おしトピ編集部から質問! </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/profile/542226850/history/question?from=today" rel="nofollow"> ニュースに意見募集中! </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today1/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" data-osccid="today_ad_right16" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/c_juken/70_5.jpg" width="70" height="70" alt="校長先生に聞きました"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today1/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today">校長先生に聞きました</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today2/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" rel="nofollow"> リーダーの育て方 </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today3/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" rel="nofollow"> 「ほめ力」で伸ばす! </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today4/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" rel="nofollow"> 子育てに大切な事柄 </a> </li> </ul> </div> </div> </div> </aside> <aside> <div class="listBox"> <div> <p class="listImg"> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today5/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" data-osccid="today_ad_right17" rel="nofollow"> <img src="//oshiete.xgoo.jp/ask/induction/c_juken/70_6.jpg" width="70" height="70" alt="受験突破のヒントは?"> </a> </p> <div class="listRightBox"> <p class="listTitle"> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today5/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today">受験突破のヒントは?</a> </p> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today6/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" rel="nofollow"> 偏差値を短期で上げる </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today7/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" rel="nofollow"> 塾選びでお困りの方 </a> </li> </ul> <ul class="listText"> <li> <a href="//oshiete.goo.ne.jp/rd/idea_arukearuko/today8/?https://oshiete.goo.ne.jp/tyuugakujyuken/&from=today" rel="nofollow"> 学力を伸ばすポイント </a> </li> </ul> </div> </div> </div> </aside> </div> </div> <div id="stickyFourthArea"> <!-- google_ad_section_start(weight=ignore) --> <!--ok-sub--> <div id="ok-sub"> <!--ok-sub-inner--> <div class="ok-sub-inner"> <!--ad_badge300_4--> <div style="margin-bottom:5px;"> <div id="gooad_rect"> <div id="gooad-badge300_4"><script type="text/javascript">window.gooad && window.gooad.render();</script></div> </div> </div> <!--/ad_badge300_4--> </div> <!--/ok-sub-inner--> </div><!--/ok-sub--> <!-- google_ad_section_end(weight=ignore) --> <aside data-gaccgroup="新規登録・ログイン"> <div class="loginBtns"> <p>新規登録・ログイン</p> <ul class="snsBtns"> <li><a data-osccid="register_yahoo" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=yahoo&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/yahoo.png?48c9a9c" alt="Yahoo!"></a></li> <li><a data-osccid="register_google" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=google&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/google.png?48c9a9c" alt="google+"></a></li> <li><a data-osccid="register_twitter" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=twitter&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/twitter.png?48c9a9c" alt="twitter"></a></li> <li><a data-osccid="register_facebook" href="https://login.mail.goo.ne.jp/id/rp/request?Provider=facebook&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html"><img src="//oshiete.xgoo.jp/images/v2/pc/common/facebook.png?48c9a9c" alt="facebook"></a></li> </ul> <p>gooIDで新規登録・ログイン</p> <ul class="bottomBtns"> <li class="login buttons"><a data-osccid="login_goo" href="https://login.mail.goo.ne.jp/id/authn/LoginStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html">ログイン</a></li> <li class="register buttons"><a data-osccid="register_goo" href="https://login.mail.goo.ne.jp/id/portal/RegIDAndSvcStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fqa%2F76159.html">新規登録(無料)</a></li> </ul> </div> </aside> <div class="facebook side-module" data-gaccgroup="facebook公式"> <div class="list-module sns" data-osccid="navi_fb"> <p>公式facebook</p> <!-- facebook likebox --> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Foshiete.goo.ne.jp&width=280&height=70&colorscheme=light&show_faces=false&border_color=blue&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:70px;" allowTransparency="true"></iframe> </div> </div><!-- /.section-lv3--> <div class="twitter side-module" data-gaccgroup="twitter公式"> <div class="list-module sns" data-osccid="navi_tw"> <p>公式twitter</p> <div class="os_twitter_wrap"> <div style="margin: 0 0 3px 6px;"> <!-- twitterプロフィールwidget --> <a class="twitter-timeline" href="https://twitter.com/oshiete_goo" width="270" height="250" data-widget-id="304171544794497024">@oshiete_goo からのツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div><!--/.os_twitter_wrap--> </div><!--/.list-module--> </div><!--/.side-module--> </div> </div><!-- /#stickyFourthArea --> <div id="gooad-pc_overlay"><script type="text/javascript">window.gooad && window.gooad.render();</script></div> </div><!--/#os_rside--> <script type="text/javascript" charset="utf-8" async defer src="//owb101.goo.ne.jp/caller/businessanswer-1.js"></script> </div><!--/os_middle--> </div><!--/incontents--> </div><!--/contents--> </div><!--/inmain--> </div><!--/main--> </div><!--/middle--> </div><!--//.contentsInner--> </div><!--//.contents--> <footer role="contentinfo" data-gacccommon data-gaccgroup="フッタ"> <div class="footer"> <!--ブロードフッター--> <div class="broadFooter" id="broadFooterArea"> <div class="broadFooter_inner"> <div class="broadFooter_content broadFooter_content_left"> <p><a href="/category/list/">カテゴリ</a></p> <ul class="broadFooter_list"> <li class="broadFooter_item"><a href="/articles/qa/2008/">悩み相談・人生相談</a></li> <li class="broadFooter_item"><a href="/articles/qa/2001/">趣味・アウトドア・車</a></li> <li class="broadFooter_item"><a href="/articles/qa/2013/">ビジネス・キャリア</a></li> <li class="broadFooter_item"><a href="/articles/qa/2012/">コンピューター・テクノロジー</a></li> <li class="broadFooter_item"><a href="/articles/qa/800/">gooサービス</a></li> </ul> <ul class="broadFooter_list"> <li class="broadFooter_item"><a href="/articles/qa/2002/">エンターテインメント・スポーツ</a></li> <li class="broadFooter_item"><a href="/articles/qa/2006/">教育・科学・学問</a></li> <li class="broadFooter_item"><a href="/articles/qa/2011/">インターネット・Webサービス</a></li> <li class="broadFooter_item"><a href="/articles/qa/1156/">訪日外国人の日本に関する質問</a></li> </ul> <ul class="broadFooter_list"> <li class="broadFooter_item"><a href="/articles/qa/2005/">お金・保険・資産運用</a></li> <li class="broadFooter_item"><a href="/articles/qa/2010/">パソコン・スマホ・電化製品</a></li> <li class="broadFooter_item"><a href="/articles/qa/2007/">地域情報・旅行・お出かけ</a></li> <li class="broadFooter_item"><a href="/articles/qa/713/">アンケート</a></li> </ul> <ul class="broadFooter_list"> <li class="broadFooter_item"><a href="/articles/qa/2009/">暮らし・生活・行事</a></li> <li class="broadFooter_item"><a href="/articles/qa/2003/">健康・美容・ファッション</a></li> <li class="broadFooter_item"><a href="/articles/qa/2004/">ニュース・災害・社会制度</a></li> <li class="broadFooter_item"><a href="/articles/qa/1000/">公式アカウントからの質問</a></li> </ul> </div> <div class="broadFooter_content broadFooter_content_middle"> <p><a data-osccid="broad_footer_item_mypage" href="javascript:void 0;" data-login-modal-window-params="{"urls":{"yahoo":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=yahoo&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fmypage%2Fprofile%2F","google":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=google&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fmypage%2Fprofile%2F","twitter":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=twitter&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fmypage%2Fprofile%2F","facebook":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=facebook&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fmypage%2Fprofile%2F","goo_register":"https:\/\/login.mail.goo.ne.jp\/id\/portal\/RegIDAndSvcStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fmypage%2Fprofile%2F","goo_login":"https:\/\/login.mail.goo.ne.jp\/id\/authn\/LoginStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fmypage%2Fprofile%2F"}}">マイページ</a></p> <ul class="broadFooter_list"> <li class="broadFooter_item_bold"><a href="/grade/">グレード</a></li> <li class="broadFooter_item_bold"><a href="/ai/">AIオシエル</a></li> <li class="broadFooter_item_bold"><a href="/guide/about/">使い方ガイド</a></li> <li class="broadFooter_item_bold"><a target="_blank" href="http://blog.goo.ne.jp/oshietegoo">運営からのお知らせ</a></li> <li class="broadFooter_item_bold"><a target="_blank" href="https://itunes.apple.com/jp/app/jiaoete!goo/id980134624?mt=8">iPhone用アプリ</a></li> <li class="broadFooter_item_bold"><a target="_blank" href="https://play.google.com/store/apps/details?id=jp.ne.goo.oshiete.app">Android用アプリ</a></li> </ul> </div> <div class="broadFooter_content mypage"> <p><a href="/watch/">ウォッチ</a></p> <ul class="broadFooter_list"> <li class="broadFooter_item_bold"><a href="/professional/">専門家Q&A</a></li> <li class="broadFooter_item_bold"><a target="_blank" href="http://itlife.oshiete.goo.ne.jp">ITライフch</a></li> <li class="broadFooter_item_bold"><a href="/qaconnect/">教えて!goo QA連携</a></li> <li class="broadFooter_item_bold"><a target="_blank" href="https://tw.oshiete.goo.ne.jp/">訪日向け:繁體中文版</a></li> <li class="broadFooter_item_bold"><a target="_blank" href="https://cn.oshiete.goo.ne.jp/">訪日向け:简体中文版</a></li> <li class="broadFooter_item_bold"><a target="_blank" href="https://en.oshiete.goo.ne.jp/">訪日向け:English版</a></li> </ul> </div><!--//.broadFooter_content--> </div><!--//.broadFooter_inner--> </div> <!--//ブロードフッター--> <div class="footer-in"> <div class="footer-sv"> <ul> <li class="item_bold"><a target="_blank" href="https://www.goo.ne.jp/">関連サービス</a></li> <li><a target="_blank" href="https://health.goo.ne.jp/">ヘルスケア</a></li> <li><a target="_blank" href="https://job.goo.ne.jp/">求人&転職</a></li> <li><a target="_blank" href="http://study.goo.ne.jp/">進学&資格 </a></li> <li><a target="_blank" href="https://money.goo.ne.jp/">マネー</a></li> <li><a target="_blank" href="http://fortune.goo.ne.jp/">恋愛占い</a></li> </ul> </div> <div class="footer-link"> <ul> <li><a target="_blank" href="https://www.goo.ne.jp/">gooトップ</a></li> <li><a target="_blank" href="https://www.goo.ne.jp/sitemap/">サイトマップ</a></li> <li><a target="_blank" href="https://www.goo.ne.jp/set/">スタートページに設定</a></li> <li><a target="_blank" href="https://www.goo.ne.jp/rss/">RSS</a></li> <li><a target="_blank" href="http://advertising.nttr.co.jp/adinfo/">広告掲載</a></li> <li><a target="_blank" href="https://help.goo.ne.jp/office/agreement.html">免責事項</a></li> <li><a target="_blank" href="https://help.goo.ne.jp/help/article/709/">プライバシーポリシー</a></li> <li><a target="_blank" href="https://help.goo.ne.jp/">ヘルプ</a></li> <li><a target="_blank" href="https://www.nttr.co.jp/">企業情報</a></li> </ul> </div> <p class="copyright"><small><span class="small">©NTT Resonant Inc.</span></small></p> <!-- footer-in --></div> <!-- footer --></div> </footer> <!--右下質問ウィンドウ--> <div class="windowSearchBox type03" id="are_search_footer_popup" style="display:none;"> <div class="windowSearchBoxInner"> <div class="windowSearchBoxContent windowSearchBoxContent2"> <p class="text">質問して、直接聞いてみよう!</p> <p class="buttons buttonsBlue"><a id="footer_popup_question_button" data-osccid="popup_question_button" href="javascript:void 0;" data-login-modal-window-params="{"urls":{"yahoo":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=yahoo&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","google":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=google&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","twitter":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=twitter&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","facebook":"https:\/\/login.mail.goo.ne.jp\/id\/rp\/request?Provider=facebook&Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","goo_register":"https:\/\/login.mail.goo.ne.jp\/id\/portal\/RegIDAndSvcStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html","goo_login":"https:\/\/login.mail.goo.ne.jp\/id\/authn\/LoginStart?Site=oshiete.goo.ne.jp&Success=https%3A%2F%2Foshiete.goo.ne.jp%2Fquestion%2F%3Fselected_category%3D%26from%3Dhttps%253A%252F%252Foshiete.goo.ne.jp%252Fqa%252F76159.html"}}"><span class="fa-stack"><i class="fa fa-circle fa-stack-2x w-circle"></i><i class="fa-stack-1x fa-inverse q">Q</i></span><span class="q-text">質問する(無料)</span></a></p> <div class="closeBtn" id="close_search_footer_popup"></div> <p class="qjiro"><img src="//oshiete.xgoo.jp/images/v2/pc/qa/qjiro.png?48c9a9c" alt="Q次郎"></p> </div> </div> </div><!--/.windowSearchBox--> <!--//右下質問ウィンドウ--> <div id="searchBtn_popup" style="display: none;"> <p><a href="#" id="searchBtn_popup_IDoshiete" data-osccid="smw_link_oshiete"><span class="searchBtn_popup_icon fa-stack"><i class="fa fa-square fa-stack-2x"></i><i class="fa fa-search fa-stack-1x fa-inverse"></i></span><span class="searchBtn_popup_text">Q&A検索</span></a></p> <p><a href="#" id="searchBtn_popup_IDgoo" data-osccid="smw_link_goo"><span class="searchBtn_popup_icon"><img width="20" height="20" alt="goo検索" src="//u.xgoo.jp/img/sns/search.png"></span><span class="searchBtn_popup_text">goo検索</span></a></p> </div> <div class="modal" style="display: none"></div> <!--モーダルウィンドウ ログインエリア--> <div id="modalContent_Login" style="display:none;" class="modalContent_Login3-col arrange_designB" data-gacccommon data-gaccgroup="ログインダイアログ"> <div class="variousLogin_wrap"> <div class="variousLogin"> <div class="login_goo"> <p class="login_head">gooIDで新規登録・ログイン</p> <ul class="listBtn"> <li class="signup"><a href="javascript:void 0;" data-osccid-base="lm_register_goo">新規登録する(無料)</a></li> <li class="user"><a href="javascript:void 0;" data-osccid-base="lm_login_goo">会員の方はこちら</a></li> </ul> </div> <div class="login_social"> <p class="login_head">外部サービスのアカウントで<br>新規登録・ログイン</p> <ul class="listBtn"> <li class="yahoo"><a href="javascript:void 0;" data-osccid-base="lm_register_yahoo">Yahoo!で新規登録・ログイン</a></li> <li class="google"><a href="javascript:void 0;" data-osccid-base="lm_register_google">Googleで新規登録・ログイン</a></li> <li class="twitter"><a href="javascript:void 0;" data-osccid-base="lm_register_twitter">Twitterで新規登録・ログイン</a></li> <li class="facebook"><a href="javascript:void 0;" data-osccid-base="lm_register_facebook">Facebookで新規登録・ログイン</a></li> </ul> <div class="login_bottom"> <p class="login_bottom_text">※各種外部サービスのアカウントをお持ちの方はこちらから簡単に登録できます。<br> お客様の許可なしに外部サービスに投稿することはございませんのでご安心ください。</p> </div> </div> </div> </div><!--//variousLogin_wrap--> <div class="Login_eg-member"> <p class="Login_eg-member_title">まだ会員でない方、会員になると<br>あなたも質問や回答ができるようになります!!</p> <ul class="Login_eg-member_list"> <li class="Login_eg-member_list01">親切・丁寧な<br>回答が集まる場<img src="//oshiete.xgoo.jp/images/v2/pc/common/eg_member_col01.png?48c9a9c" alt="親切・丁寧"></li> <li class="Login_eg-member_list02">30分以内に回答が<br>もらえ回答数は平均3件!<img src="//oshiete.xgoo.jp/images/v2/pc/common/eg_member_col02.png?48c9a9c" alt="30分以内 平均3件!!"></li> <li class="Login_eg-member_list03">匿名(ニックネーム)<br>での投稿なので安心<img src="//oshiete.xgoo.jp/images/v2/pc/common/eg_member_col03.png?48c9a9c" alt="匿名OK!"></li> </ul> </div><!--//Login_eg-member--> <div class="modal_close"> <a href="javascript:void 0;"><img src="//oshiete.xgoo.jp/images/v2/pc/common/modal_close_white.png?48c9a9c" width="16" alt="閉じる"></a> </div> </div> <div id="modalOverLay_Login" style="display:none;"></div> <!--//モーダルウィンドウ ログインエリア--> <div id="gooad-display-pc_overlay"></div> <script id="runtime-data-wrapper" data-runtime-device="pc" data-runtime-user-data="{"isLoggedIn":false,"userId":null,"nickname":"\u30b2\u30b9\u30c8\u3055\u3093","profileImageUrls":{"S":"\/\/oshiete.xgoo.jp\/images\/v2\/common\/profile\/S\/noimageicon_setting_13.png?48c9a9c"},"defaultProfileImageUrls":{"2L":"\/\/oshiete.xgoo.jp\/images\/v2\/common\/profile\/2L\/noimageicon_setting_13.png?48c9a9c"}}" ></script> <script type="text/javascript" src="//u.xgoo.jp/jquery/1.11.1.js"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/jquery/jquery.os_ajaxsend_with_token.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/jquery/jquery.ah-placeholder.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/environment/environment.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/oshietegoo.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/cc3.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/runtime/runtime_data.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/validate/validate_textarea.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/popup/login_modal_window.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/underscore-min.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/common/header.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/common/pc_suggest.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/jquery/jquery-ui-1.11.4.min.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/qa/application.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/common/history.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/loader/favorite_question_util.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/vote_answer/vote_answer_util.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/common/vote_answer.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/jquery/jquery.autosize.min.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/popup/modal_window.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/textarea/insert_textarea.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/common/select_feeling.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/popup/search_modal_window.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/common/footer_gooweb.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/answer/answer.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/jquery/imgLiquid-min.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/jquery/jquery.upload-1.0.2.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/common/image/image_upload.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/qa/answer.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/qa/adult_filter.js?48c9a9c"></script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/qa/readmore.js?48c9a9c"></script> <script type="text/javascript">var goo_oshiete_cc_prefix = 'related_answer_5_bottom';</script> <script type="text/javascript" src="//oshiete.xgoo.jp/jsu/v2/pc/top/sticky_header.js?48c9a9c" charset="utf-8"></script> <!-- Twitter --> <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> <!-- Hatena --> <script type="text/javascript" src="//b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <script> osGooIdcInfo = { isUpdatable: false, expiredAt: 0} </script> <script src="//log000.goo.ne.jp/js/VLTraceDMD.js"></script></body> </html>