- ベストアンサー
</div>が1つ余計ですが
<div>文字</div></div> となってる場合、</div>が1つ余計ですが そう言うのが解るチェックツールと言うかサイトは有りますか? 現在は一つ一つ目で追っています。
- kyalolrjnxuxm
- お礼率65% (229/347)
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
私は下記のサイトを使っています。<body></body>のあいだにチェックしたいもの(<div>文字</div></div>)をコピーし、Checkボタンをクリックするだけです。問題がなければ緑色の、問題があれば赤いメッセージが表示されます。英語なのが難点ですが、そんなに難しい英語ではありませんし、たとえ読めなかったとしても、雰囲気で何となくエラー部分がわかります。 ◆Ready to check - Nu Html Checker https://validator.w3.org/nu/#textarea また、『HTMLエディタ』を使うのも手です。タグの色分けや入力補完機能、タグ閉じ機能などがあるため、手打ちにくらべてミスが減ります。私は『StyleNote』というエディタを使っていますが、《Ctrl + Q》で自動的にタグが閉じます。 たとえば、《<div>文字》と入力したあとに《Ctrl + Q》キーを押せば、自動的に</div>が入るわけです。さらに<div></div>には色がつくため、うまく使えば余計なミスが減ります。ほかにも<diと打つだけで勝手に<div>になってくれたりするので、すごく楽です。 ◆StyleNote | タグ挿入型 国産HTML&CSSエディター http://sn.lowedge.com/ いろいろと試した末に私は『StyleNote』に辿りつきましたが、ほかにもエディタはたくさんあります。無料のものもありますので、いろいろと試してみて、自分にあったエディタを探してみてください。
その他の回答 (3)
- webuser
- ベストアンサー率33% (372/1120)
チェックツールは「html エディター」などで検索してください。 OSも何も書いていないのでツールを紹介する事のできる人はいないでしょう。
お礼
ご回答ありがとうございます。
- Proof4
- ベストアンサー率78% (151/192)
html validatorなどと検索するといろいろ出てきます。 http://validator.w3.org これが有名だったりします。
お礼
ご回答ありがとうございます。
関連するQ&A
- <DIV> と </DIV> の間が空です。
空白行を作りたくて <div style="padding-top:10px;"></div> と言うタグを入れているのですが ツールでチェックすると <DIV> と </DIV> の間が空です。 と言うエラーになるのですが、 何か文字を入れないとダメなのでしょうか?
- ベストアンサー
- HTML
- div要素について。
div要素について。 <div id="style"> <?php if(function_exists('○○○')) { ○○○(); } ?> </div> <?php ?>の部分に任意の文字が呼び出されるのですが、 その文字量にしたがってdiv#styleの横幅を可変させたいのですが可能でしょうか? 文字が5文字の場合は5文字幅。 10文字の場合は10文字幅といったように可変させたいです。 何らかの方法がありましたらご教授いただきたいです。 よろしくお願いします。
- ベストアンサー
- HTML
- どの<div>に対するおわりなのかをわかるツール
ページのソースを見た時に <div>がたくさんあるのですが </div>がどの<div>に対するおわりなのかをわかるツールは有りますか? <div>をクリックすれば該当の</div>に飛ぶみたいな。
- ベストアンサー
- ブラウザ
- jQuery 最初のDIVの前へ、最後のDIVを
jQUeryで、 指定した要素の中にある複数のDIVの内、最初のDIVの前に 指定した要素の中の最後のDIVを複写して作成。 そして、 指定した要素の中の最後のDIVを削除する 方法について教えていただけないでしょうか。 <div id="waku"></div> Menu=[{'Cmnt1':'aaaaaaa'},{'Cmnt1':'bbbbbbbbbb'},{'Cmnt1':'ccccccccccc'},{'Cmnt1':'ddddddddd'}]; for(var i=0;i<Menu.length;i++){ $(#waku).append(<div id="eachDiv"'+i+'">'+文字列+'</div>'); $('#eachDiv'+i).append('<br>'+i+' : '+Menu[i].Cmnt1); } として、以下のようなイメージのdivの構造を作成します。 <div id="waku"> <div id="eachDiv0">文字列 <div>0:aaaaaa</div> </div> <div id="eachDiv1">文字列 <div>1:bbbbbbbb</div> </div> <div id="eachDiv2">文字列 <div>2:ccccccc</div> </div> <div id="eachDiv3">文字列 <div>3:ddddddd</div> </div> </div> 上記のような構造を 以下のような構造にしたいのです。 <div id="waku"> <div id="eachDiv3">文字列 <div>3:ddddddd</div> </div> <div id="eachDiv0">文字列 <div>0:aaaaaa</div> </div> <div id="eachDiv1">文字列 <div>1:bbbbbbbb</div> </div> <div id="eachDiv2">文字列 <div>2:ccccccc</div> </div> </div> 次のようにしてみましたが、#eachDiv3の中の要素のみ複写されてしまいます。 つまり、以下のようになってしまいます。 <div id="waku"> <div>3:ddddddd</div> //eachDiv3の中身 <div id="eachDiv0">文字列 <div>0:aaaaaa</div> </div> <div id="eachDiv1">文字列 <div>1:bbbbbbbb</div> </div> <div id="eachDiv2">文字列 <div>2:ccccccc</div> </div> <div id="eachDiv3">文字列 </div> </div> //コード var elem=$('#waku div:last'); $('#waku div:first').before(elem.clone(true)); elem.remove(); #eachDiv3自体を先頭へ複写して、最後の#eachDiv3を削除するにはどのようにしたら良いのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- divで囲んだ文字が消える
外枠をtableで作った中に、<div>で囲んだ部分をいくつか作り、その中にそれぞれ文字を書き込んでいます。 形は大まかに説明すると、左側に大きな<div>、その右側に縦3段で<div>がある状態です。 左側の<div>内にインラインフレームを入れたところ、右側の縦3段のうち、下2段の書き込み文字が見えなくなってしまいます。 文字がある場所をマウスでなぞると、文字が現れます。 更新すると、また文字は見えなくなります。 なぜ、文字が消えてしまうのでしょうか。 インラインフレームがどうやら問題を引き起こしているようですが、対処方法がわかりません。 直し方を教えてください。 よろしくおねがいします。
- ベストアンサー
- HTML
- pとdivのどちらが良いでしょうか?
pタグとspanタグとdivタグの使い分けがよくわからないので http://techmemo.biz/html/p%E8%A6%81%E7%B4%A0%E3%80%81div%E8%A6%81%E7%B4%A0%E3%80%81span %E8%A6%81%E7%B4%A0%E3%81%AE%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%81%AE%E9%81%95%E3%81%84/ を読んだのですが、それでもよくわかりません。 私がやりたい事はindexページにタイトルを表示したいのですが 文字の装飾はしたいです。 でも文字全部に色を付けてサイズを調整したいだけなので spanタグで文字の中の一部の装飾ではないです。 この場合 pとdivのどちらが良いでしょうか? ページの上部に ~サイトの名前~ みたいにしたいです。
- 締切済み
- HTML
- html divについて
html divについて 現在、html・CSSを勉強中です。 htmlのDivの中で画像を貼っているのですが、左端の中央に設定したいのですが、うまく行きません。 左端中央に画像を表示できる方法を教えてください。よろしくお願い致します。 ↓ html ↓ <div class="area"> <div class="area_left"> <div class="01"> : </div> <div class="02"> : </div> <div> <div class="area_right"> <div class="03"> : </div> <div class="04"> <img src=" "> </div> </div> </div> ↓ CSS ↓ div.area_right .04{ vertical-align: middle; width: 197px; height: 159px; background-image: url("area_04.gif"); }
- ベストアンサー
- HTML
- HTMLの初心者なのですが、divについて少し分からない事がありまして
HTMLの初心者なのですが、divについて少し分からない事がありまして質問します。 今まではデザインにテーブルぐらいしか使った事がなかったのですがスタイルシートを使ってみたいと 思いまして他のサイトの方の構成を見て勉強していたのですが、 <DIV class=A> <DIV> <DIV style="TEXT-ALIGN: left"><A title=あいうえお href="http://www.abcdefg">あいうえお</A> </DIV> </DIV></DIV> 上記の部分なのですが・・ <DIV class=A><DIV>~</DIV> この部分は~で挟まれた部分をクラスAで全てを定義するで合っていますでしょうか? また上記の場合「あいうえお」と表記されリンクが貼られている状況になりますが、 クラスAで文字の色を変えてみても実際には青いままとなります。(青文字で「あいうえお」と表記されます。文字の大きさや背景は変更できました) これはどうして変わらないのでしょうか。また「あいうえお」の上にマウスカーソルを 合わせると赤色になります。 このような(常に青文字表記、カーソルを合わせると赤色文字表記)定義がされている 所がまったく見当たりませんがどこに記載してあるのでしょうか。不必要なソースは 全て消してみてもさっぱり分かりません。 初歩的な質問だとは思いますがどなたかわかりやすく教えていただけると助かります。
- 締切済み
- HTML
- <div>内でjavascript
つまづいてしまったので教えてください。 文章系のサイトなので、javascriptで文字サイズを読んでくれる方が好きな大きさに変えれるように作ってあります。現状は<head>内に、 <script type="text/javascript"> <!-- function fontsize() { document.all.cc.style.fontSize = ff.ss.options[ff.ss.selectedIndex].text; } // --> </script> フォントサイズを変更するプルダウンメニュー。 サイズ変更させたい文章を<font>で囲ってかこむ(<td><font id="cc">○○</font></td>。 で、ここからが質問なのですが、これはページ全体を<div>で囲ってしまうと使えなくなってしまうのでしょうか? ページデザインを変えたくて、今までのテーブル(ページ全体)を<div>で囲ってしまったら、プルダウンメニューで文字サイズを変更しようとすると画面が真っ白になってしまいました。 <div>内容は、 <div style="width:100%;height:100%;overflow:auto;border:1px dotted #ff8c00;"> です。 どうも上手く説明できなかったのですが、<div>で囲ってしまうと文字サイズは変更できなくなってしまうのでしょうか? 分かる方いらっしゃいますか?
- 締切済み
- HTML
- EXCELで#DIV/0!を出したくない
EXCELで0÷Xをすると#DIV/0!が出てしまいますが、#DIV/0!という文字をを出さないようにするにはどうすればよいですか? 代わりに0か空白でも表示させたいと思います。 何かの設定か関数か、多分簡単なことなんでしょうけれど、よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
お礼
ご回答ありがとうございます。