HTML5で再構築にて

前へ 次へ
このQ&Aのポイント
  • XHTMLからHTML5に切り替える時に、テキストソフトをメモ帳からCrescent Eveに変えたのですが、Crescent Eveの自動文法チェックで要素h1はこの位置に置けませんというエラーが表示されます。
  • HTMLの勉強は始めたばかりですが、XHTMLからHTML5に切り替える際にテキストソフトをメモ帳からCrescent Eveに変更しました。しかし、Crescent Eveの自動文法チェックで要素pはこの位置に置けませんというエラーが出てしまいました。
  • HTMLの勉強を始めたばかりでXHTMLからHTML5に切り替えた際に、メモ帳からCrescent Eveにテキストソフトを変更しました。しかし、Crescent Eveの自動文法チェックで要素h1と要素pが正しく配置されていないというエラーが表示されます。
回答を見る
  • ベストアンサー

HTML５で再構築にて

HTMLの勉強は始めたばっかりです XHTMLからHTML5に切り替える時に、テキストソフトをメモ帳からCrescent Eveに変えたのですが、 Crescent Eveの、自動文法チェックでエラー表示します エラー内容→（要素ｈ１はこの位置に置けません）（要素ｐはこの位置に置けません） 理解できません ご教授お願いします ※サンプル <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <style> </style> </head> <body> <header> <h1></h1> <p></p> </header> </body> </html>

質問者が選んだベストアンサー

  • ベストアンサー
noname#218036
noname#218036
回答No.1

そう言う仕様だからだと、思っときましょう。 http://www.htmllint.net/ http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ 文法は上記のサイトでチェックしたらいいと思います。一番上のは日本語でも対応して、簡単な説明も付いてます。その下のはW3Cのサイトですが、一番下のはＣＳＳ検証サイトで日本語でも対応してます。

WILLKT
質問者

お礼

文法が間違っているのかと思っていました。 仕様と思うようにします でも、謎です。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • 初心者です。エラー表示をなくしたい

    講演会記録を、後ですぐみやすいようにHTML形式で残そうと思っていますが、 例えば下記のようにすると、 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>講演会記録</title> </head> <body> <ul> <h2> <li><a href="#memo001">2012 講演会記録</a></li> <li><a href="#memo002">2013 講演会記録</a></li> </h2> </ul> <a name="memo001"></a><p> 2012　講演会内容 </p> <a name="memo002"></a><p> 2013　講演会内容 </p> </body> </html> ちゃんと表示はされ、思った通りの動きはしますが、 Crescent Eveで解析すると、下記エラーがでます。 ◆ 9行: 要素h2はこの位置には置けません。 ◆ 10行: 要素liはこの位置には置けません。 ◆ 11行: 要素liはこの位置には置けません。 ◆ 15行: 未定義の属性です。(name) ◆ 18行: 未定義の属性です。(name) と怒られます。なぜ、エラーでどうしたらエラーがでなくなりますか？ よろしくご教示ください。

    • ベストアンサー
    • HTML
  • HTMLの基礎的なことについてなのですが・・・

    HTML初心者です。 ２点質問いたします。 【１】 境界線（枠）を描きたく、次のようなHTMLを書きました。 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ <!DOCTYPE html> <html> <head> <meta charaset="UTF-8"> <title>文書構造化ステップ</title> <style type="text/css"> body*{ border-style:solid; border-width:1px; } </style> </head> <body> <h1>h1タグの行　テスト</h1> <p>ｐタグの行　テスト</p> <p>３行目　テスト</p> </body> </html> ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊：＊ headの中に、 <style type="text/css"> body*{ border-style:solid; border-width:1px; } </style> を記述したらよいと、とある本に書いてあったにで上記のようにしたのですが、 境界線が現れません。 どこが間違っているでしょうか？ 【２】 上記のHTMLはサクラエディタを使って書きました。 境界線は現れませんが、文字は正しくブラウザーに出力されます。 ブラウザーはfirefox12.0です。 しかし、IE9とCrome19.0を使うと文字バケしてしまいます。 なぜ、firefoxでは文字バケしないのに、他の２つのブラウザーでは文字バケしてしまうのでしょうか？ 以上になります。 よろしくお願いいたします。

  • HTML5について

    前回質問したのですが解決せず、日にちがだいぶたってしまったので、 再度質問させて下さい。 ＩＥ8以前にに新しい要素を認識させる方法として <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> があると知ったのですが、 これを＜head＞内に記述すると、当然きちんと認識されるのですが、 画面を見た時に一番上に<!--[if lt IE9]> <![endif]--> と表示されてしまいます。 ・・・この文字は消せないのでしょうか？ 使用しているブラウザはＩＥ8とＩＥ6です。 【ＨＴＭＬソース】 <!DOCTYPE html> <html> <head> <!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="style_html.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta charset="shift_jis" /> <title>HTML5</title> </head> <body> <h1>HTML5</h1> <section> <h2>タイトルなんちゃら</h2> <p>あけましておもでとうございます。今年もよろしくお願い致します。</p> </section> </body> </html> ・・・・・・どこが間違っているのか分からず困っています。 ご指摘どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML
  • XMLの素朴な疑問です。

    今日からXMLをはじめたもので、右も左も解らない状態なんですが、いろいろ見ていて素朴な疑問が沸いてしまいましたので、質問させてください。 例えば下のように書いたxml文書は正しいのでしょうか？ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>XML</TITLE> </HEAD> <BODY> <P>XML</P> </BODY> </HTML> =========================================== <?xml version="1.0" encoding="Shift-JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <title>aa</title> </head> <body><p>XML文書</p></body> </html> ========================================= 実際にIE6で見てみると上はDTDでエラーが出て下はこのファイルの先頭でエラーになります。 この原因を教えていただけませんでしょうか。

    • ベストアンサー
    • XML
  • ブラウザ上部に余白があります。

    近い現象はありましたが、解決出来なかったのでご質問させて頂きます。 下記のソースでhtmlを制作しましたが、#headerの上に余白があります。 どうすればこの余白をとる事が出来るでしょうか？ お教え頂ければと思います。 ↓ソース↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- html, body{ margin:0; padding:0; } div#header{ background-color: #F00; margin:0px; padding:0px; } --> </style> </head> <body> <div id="header"> <h1>test</h1> </div> </body> </html>

  • HTMLの構造

    HTML初心者です。 テキストでHTMLの構造が <html> <head> </head> <body> <header> </header> <main> </main> <footer> </footer> </body> </html> となっているのに対して、 スタイルシートは、 html, body { font-size : 16px ; color : black ; } となっているのを見ましたが、このスタイルシートは、 html { font-size : 16px ; color : black ; } ではだめなのでしょうか。 一番外側であるhtmlタグを指定すれば、 bodyタグ内もすべて含むのではないのでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • HTMLで○や■などをテキストの代用とした時

    HTMLで○や■などをテキストの代用とした時レイアウトが崩れてしまうのはなぜでしょうか？ 教えてください。 よろしくお願い致します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- body { font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; } .container { width: 960px; text-align: center; background-color: #FFF; margin: 0 auto; } .header { background-color: #ADB96E; } .content { text-align: left; padding: 10px 0; } .footer { padding: 10px 0; background-color: #CCC49F; } --> </style></head> <body> <div class="container"> <div class="header"> </div> <div class="main"> <p>○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○</p> </div> <div class="footer"> </div> </div> </body> </html>

  • htmlでひらがなが文字化けします。

    ものすごく初歩的な質問だと思うのですが、ド初心者なので、解決法がわからず困っています。 よろしくお願いします！！ HTML/XHTML&スタイルシート　レッスンブック という本を見ながらwebページを作る練習をしています。 しかし、メモ帳にソースを書いて、開けてみるとひらがな部分が文字化けしてしまっています。 どうしたら反映されるようになるでしょうか？ 以下が、本を見ながら書いたものです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>森の工房　[Forest Studio]</title> <style type="text/css"> </style> </head> <body> <h1>Forest Studio</h1> <p>自然のあれこれをお届けする森の工房です。</p> <p>Forest Studioは、森や自然を生かしたイベントや商品をお届している工房です。</p> <address>Copyright(C) Forest Studio</address> </body> </html> 日本語部分がすべて文字化けします。どうしたら良いのでしょうか？？チャプター１で早くも座礁に乗り上げてしまい困っています…

  • HTMLのブラウザでの表示

    メモ帳でHTMLを書き、ブラウザで表示したとき、文字が表示できるとき（XX．html）とできないとき（XX01．html）があります。比較した添付ファイルがありますが、どこに問題があるのでしょうか。教えてください。 プログラムは下記のようになっています。 <HTML> <HEAD> <TITLE>STAY</TITLE> <STYLE type="text/css"> <!-- BODY{ 　color:white; background-color:black; } H1{ 　color:red; } --> </STYLE> </HEAD> <BODY> <CENTER> <H1>STAY</H1> <H2>-〇◎の紹介ページ-<?/H2> <HR> ようこそ、〇◎へ </CENTER> </BODY> </HTML>

  • エクセルでＨＴＭＬタグをそのままコピペしたい

    エクセルでＨＴＭＬタグをそのままコピペしたいです メモ帳のＨＴＭＬタグをエクセルにコピペすると <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head><title>ＡＢＣ</title></head> <body> <p>あああ</p> <p>１２３</p> </body> を仮にコピペしたら あああ １２３ になってしまいます そのままコピペするにはどうすればいいでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する