• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：htmlを管理ツールで検証．．教えて！）

HTML管理ツールで検証する際の注意点とは？

このQ&Aのポイント
  • HTML管理ツールを使用して検証する際に注意すべきポイントについて説明します。
  • 画像点滅や流れる文字などのタグの使用に関して、SEOの観点からの効果や代替手段について考えます。
  • ソースコード中の一部記述について、検証結果で指摘されたエラーの原因や修正方法について解説します。

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

  • ベストアンサー
回答No.5

> 貼っていたリンクですが、html4.01への是非をリンク先で確認できますかね？ 少なからず紹介されている実装では、IE8、IE11、Chromeでは動作しています。 jsで動作させるので、HTMLのバージョンは関係ありません。 関係するのはブラウザの種類とバージョン(正確にはJScriptのバージョン)ですが、 jQuery自体がブラウザ間の差異を吸収している点、さらにjQuery Marqueeというプラグインが 少なくとも紹介ページ上ではIE7にも対応していると言ってるのだから、対応しているのでしょう。 とは言うものの、動作を求めているのですから、当然確認は必要です。 > 他方、blink や marquee も４．０１で正常に動作はしています。 > IEとかサファリ、クローム等での動作確認もできています。 確認したところ、確かにmarqueeは動作しますね。(IE11、Chromeでは) しかし、blinkはIE11、Chromeでは動作しませんでしたよ。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head><title></title></head> <body> <blink>この部分の文字が点滅します</blink> <br /> <marquee>スクロール</marquee> </body> </html> また、余計なお世話かもしれませんが、HTML自体は構造を定義するもので振る舞いを定義するものではありません。 CSS3では実現できますが、過去ブラウザが対応しきれないので、jQueryなどを利用して実現します。 どうしても<blink>、<marquee>を使いたい、使って問題ない、というのならそれでもいいし、 絶対こうしなければならないと誰かに縛られているものではありません。 jsによる実装は、確かに<blink>、<marquee>より敷居が高いでしょうし、あなたご自身の判断で 実装方法は決定して構わないでしょう。 > <em class="○">これは、EMをCLASSとしてＣＳＳを利用しているって記述ですよね？ > だから最後は</DIV>を用いるのではないでしょうか・・ <em>は</em>で終わります。 <div>は</div>で終わります。 classやid指定があるからといって、終了タグが異なる要素名になることはありません。 > あなたが別質問で貼付してくれたリンクですよ・・ >今日、貼付したとこですよ・・忘れました？ 完全に私ではありませんね。初めて見るリンクです。 仮に私だとしても、そういうサイトで確認したのならば、様々な回答者が適切に回答できるよう、それを質問として掲載しましょう。 今回の私のように、見逃す／忘れる、というポカをやらかす場合もあるかもしれませんが、それと、持っている情報を具体的に提示することは別問題と考えます。

kfjbgut
質問者

補足

第２文 私はHTML 4.01 Transitional//EN">ですが影響ないですか？ すみません。私の間違いです。blinkは認識しませんでしたね。 第３文 jsは多く使うと重たくなりませんか？ <blink>、<marquee>の使用は単純ですが、管理ツールで指摘されたので当該相談を利用している最中です。 しかし、４．０１では使われていないタグとすれば、決してseoとして良くないでしょう。サイト作成者として避けるべきでしょうね・・ 第４文 すみません。これも私の勘違いでした。 <div class="○">なら</div>で終わりですね・・ 長年、携わってなかったので今きづきました。 第５文 これも私の勘違いでした。 あなたではありませんでした。 大変失礼しました。 －－－－－－－－－－－－－－－－ 他方、 疑問があります。点滅は非常に目立つものであり、即ち、宣伝効果があると考えられます。 一方、点滅は閲覧者に不快感を与えるという節があります。 だからと言って、4.01で定義をしないとシステム者が決定するのはおかしくないでしょうか？ 不快感云々は全てサイト作成者に跳ね返ってくる結果です。作成者が全責任をもって使用するのですから4.01でも定義すればいいと思うのですが・・ 実際、ピンクサイトでは点滅文字は必須といっていいでしょう。営業効果のあるタグをシステム構築者が非定義とすることに非常に疑問を感じます。

その他の回答 (20)

回答No.11

> seoはクローラー等の非人間が判断することです。 >一方、嫌われる・・は人間が判断することです。 多分ここで、技術論に相違がおきているのでしょうね。 今どきの、検索エンジンは、クローラがサイトを解析して、そのサイトの内容だけで 順位を決めているのではなく、 少しでも”人間の評価”に近い結果が出せるにように、日々進化しております。 (それが人が検索エンジンに求めるユーザーニーズですから） つまり、検索エンジンの順位は、そのサイトの内容という内的要因だけでなく 外部からの評価(アクセス頻度・リピート率・紹介参照等々)といった外的要因で大きく左右されることになります。

kfjbgut
質問者

補足

外的要因を判断するのはクローラー等機器じゃないですか。 人間が一づつ見るなんて非現実的です・・

回答No.10

>(1)、(2)、(3)に反するものであっても嫌われて被害を受けるのは私です。 >甲が非定義にする理由にはならないと解します。 いや、”甲が非定義”とされた理由に関して、私の想像を述べただけなので、 同意できる解釈でなくても、それはそれで１つの価値観だろうと思います。 それに、どういう解釈であろうと、 甲の規格として、HTMLのタグだけで文字を点滅させる方法がなくなったことに 変わりはないですし。 それに、　もともとの主旨は、SEO的な評価を気にされてのご質問だったと思いますが、 「嫌われて被害を受ける」というのは、それに反しないですか？ 余談のついでに。。。 SEO対策をどう考えるかというのは、かなり議論が別れるところだと思います。 そのうえで、いわゆるSEO屋さんのいうような技術には、いろいろあるだろうと思います。 例えば、一昔前なら、HTMLのmeta要素で、あおりキーワード書きまくろうとか サイトの内容には関係ないけど検索され易い文字を小さい文字で埋めまくろうとか 被リンクを増やすために、ダミーのリンクやSPAMトラックバックばらまきに行こうとか。 （いまどき、こんなことをすると減点対象となるので、SEO的には反対効果なので、 　もっとトレンドな方法があるんだよという　反論はもちろんあると思います） でも、結局　検索エンジンで上位にきているサイトって SEO屋さんのいうような小手先のテクニックでごまかしたサイトではなくて この用途・目的ならここが信用と実績があると　”人が評価している”　サイトではないでしょうか。 例えば、マイナーな商品を購入しようとしているとき、まずは、その商品を検索して ２～３のサイトを閲覧すると思いますが 閲覧者が最初に通販サイトで注目するのは、商品の価格よりも そのサイトにクレジットカードといった信用情報や住所氏名といった個人情報を入力するだけの 信頼性があるかどうかを心配すると思います。 ・お金を振り込んで、そのまま逃げられないか ・販売自体は問題なくても、どっかの大手通販であった事件のように個人情報がリークしないか ・不良品や配送トラブルなどがあったときの対応は丁寧か そういうのを気にして、まずは、そのサイト自体の評価を検索して調べるでしょうけど、 サイトの見た目が、やたら古臭いデザインだったり、 あおり文句がありすぎて胡散臭さかったり、 いかにも素人がビルダーでちょいちょいと作ったような安っぽいところは、 調べるまでもなく、最初から除外しますよね。 （いわゆるSEO的な得点が高いHTMLで作ってあっても、人間には関係ないですから） その反対に、ユーザーが知りたいと思っている情報 （商品説明や商品の客観的な評価や価格や購入方法） が簡素に、しかし　客観的でわかりやすく的確に記載されていて ナビゲーションもスムーズで、利用実績を含めてサイト自体の評価が高ければ、 SEO的な得点が低いHTMLであっても、安心できるものでしょう。 そしてそこで購入された結果、それがさらなる実績となって、評価も高まることで、 アクセス頻度が高くなって、さらに検索結果の上位に位置するという　相乗関係かと。 なにが言いたいかというと、 一見「SEO的には関係ない」ように見えても、「人に嫌われるサイト」は 実はSEOとして考えると、マイナス要因になりますよ、ということなのです。 （もしろんサイトの性格によっては例外もあるでしょうから、あくまでも一般論です）

kfjbgut
質問者

補足

１ 甲の非定義に関して貴殿が自論を述べられていたので、私も自論を付して意見を述べました。 ２ 「嫌われて被害を受ける」というのは、それに反しないですか？ この言葉の背景は、点滅や、流れる文字に不快を感じるから４．０１で非定義となっている旨の主張があったので、甲が判断することでは無いだろう。 何故なら、「嫌われて被害を受けるのは私だから」という発言です。 よって、不快に感じるタグでも定義してあれば私は使用します。販促を考えるのなら当然です。 seoを気にしないという意味ではないです。私の主張に矛盾はありません。 ３ 嫌われるサイトをseoと例えて考えること自体間違っていると考えます。 seoはクローラー等の非人間が判断することです。 一方、嫌われる・・は人間が判断することです。 全く次元の違う判断であり、例えるのはナンセンスです。 －－－－－－－－－－－－－－－ 他方、趣旨の目的はロボット検索での上位表示です。上位表示を考えるなら次の二つだと考えます。 １、充実した内容のサイトにする。 ２、seo対策 これだけだと判断します。 しかし、１が良くても、２が駄目なら上位表示はされないと解します。 いくら１が良くても、閲覧者さんに発見してもらわなくてはサイトの評価ができません。 そうすると上位表示です。即ち、seo対策です。 上位に表示されれば、その位置を維持するのが１の評価です。これはサイト作成者に任すしかないでしょう。 よって、上位表示とは当然、その位置を持続することはいうまでもありません。 一瞬の上位表示ならバグを使ってでもできます。 即ち、上位表示（継続含む）をさせるには順番があり、２、１、若しくは、同順と考えます。 なら、１もseoではないかと言われるかも知れませんが、seoは機械が判断する内容です。 よって、趣旨は２であり、１を相談している訳ではありません。

  • Tacosan
  • ベストアンサー率23% (3656/15482)
回答No.9

初期の HTML ならともかく, 現在では ・HTML には「文章の論理的な構造」を記述する ・「見た目」などは CSS (など) で与える ことに (規格を作った人の中では) なっています. さて, 「点滅する」とか「流れる」とかいうのは「文章の論理的な構造」でしょうか, それとも「見た目」でしょうか?

kfjbgut
質問者

補足

第１文 理由は拝読しました。だからと言って、宣伝効果抜群なタグを、非定義にする必要が何故あるのでしょう。全く理解できません。 もし、非定義にするなら点滅や、流れ文字に変る、タグを設けるべきであり、それこそ甲の手腕が問われるところと解します。 規格を作った人－－甲 第２文 第１文を否定しているのですから、どうでもいい問いです。 そもそも、このページは私が相談（質問）しているサイトです。 非相談者が質問していれば、解決まで膨大な時間を要し、現実的ではありません。

回答No.8

> html4.01で妥当な、点滅、流れる文字等のタグは無いのでしょうか？ blinkでなくmarqueeで強引に点滅しているように見せるという方法がないことはないです。 しかし、marqueeですので、検証ツールで警告が出ることには変わりないでしょう。 これやJavascript以外では、CSSで　透明度の変更を繰り返すという方法もありますが これはHTMLのタグではなく、CSSのアニメーション指定となります。 余談ですが、blinkやmarqueeを使っているとHTML評価を減点させることで このタグを排斥しようという背景には、 ユニバーサル・デザインやバリアフリーなサイト構造を目指すのが、 今の社会的価値観の主流だからではないかと、私は捉えています。 つまり視覚や色覚に障害がある方が、 読み上げソフトや点字化ソフトを使ったり、白黒表示設定で表示したときでも 意味の分かるような、HTML構造やテキストの記述順であるべきであり このためデザイン的な見た目はHTMLでは指定しないで、見た目はCSSとして独立させ、 HTMLはデータとそれの属性の指定のみにするという構成が推奨されているのでしょう。 それの１つとして、blinkタグといった特定の方に不快感や刺激を与える 非ユニバーサルなタグを排斥しようということではないかと。

kfjbgut
質問者

補足

余談に関しましては、賛同できるものではありませんね～ 社会的価値観の主流－－(1) 視覚や色覚に障害がある方－－(2) 読み上げソフトや点字化ソフトを使ったり、白黒表示設定で表示したときでも意味の分かるよう－－(3) ４．０１で非定義者－－甲 ショップサイト－－私 (1)、(2)、(3)に反するものであっても嫌われて被害を受けるのは私です。 甲が非定義にする理由にはならないと解します。

回答No.7

> よって、「SEOに影響が無かったとしても、「人間」に嫌われるかもしれません。」がなんなんだって感じです。真剣に疑問です・・ よこから失礼します。 技術論と、人それぞれの好みとは別のものとして論じる必要はあろうかとは思います。 とりあえず、blinkをサポートしないブラウザや　デザインのトレンドは横においといて 人の好みの問題だけでいうと 点滅表示されることで　強調され目を引くことで、差別化が生まれる　というのが 普遍的な価値観だとするならが、点滅文字を使うことは正解だとお思います。 閲覧者の購買意欲も高まることでしょう。 しかし、 「なんかこのサイトって　チカチカしてて気が散って　他の情報が頭に入ってこないな 　こういうデザインのサイト、俺嫌いなんだよね。なんかあざとくて。胡散臭い感じもするし。　 　あ、同じ商品　別のサイトでも売っててるや。 　シンプルでわかり易いし、こっちのほうが、なんか信頼性高そうな気がするな」 という価値観が存在することも、否定できません。 ここで回答されている方は、あくまでも一般論で言われていると思いますが 胡散臭くて当たり前なサイトにとっては、　どちらが似合うかということもあるでしょうね。 いずれにせよ、価値観の問題にはなるでしょうけど、 その上で、技術論に戻ると、文字点滅動作に拘るならば １）動作するブラウザのみで諦めて、検証ツールの警告は無視するか ２）jQueryなどのJavaScriptで実装するか の選択肢になるでしょう。

kfjbgut
質問者

補足

価値観の主張に関しては全く同感です。 まあ、点滅も限度によりますからね～。 私自身、不快に思うような数を設定しているつもりはありませんがね・・ １、２の選択肢以外に、html4.01で妥当な、点滅、流れる文字等のタグは無いのでしょうか？ これは相談の趣旨の一つでもあります・・

  • kmee
  • ベストアンサー率55% (1857/3366)
回答No.6

もしかして、「タグは閉じさえすればいい」とか思っていませんか? HTMLは階層構造になっています。 <X1> ↓<X2> ↓↓<X3> ↓↓</X3> ↓↓<X4> ↓↓↓<X5> ↓↓↓</X5> ↓↓</X4> ↓</X2> </X1> ちょうど、括弧が開くのと閉じるのとが階層構造になっているのと同じです。 「ああ『いい』うう」 とは書きますが 「ああ『いい」うう』 とは書きませんよね。 また、タグの中に何が書けて何が書けないか、ルールがあります。 Another HTMLLint等の検証ツールは、こういう構造やルールが間違っていないか、を調べます。 タグの対応は名前で取ります。 たとえclassが同じでも、タグ名が違えば対応は取りません。(divとemとでは対応しません) <X1><X2></X1></X2> だと、この構造にならないので間違いです。 ですが、 (1) <X1>～</X1>の間に、閉じタグの無い タグ<X2>がある (2) <X2>～</X2>の間に、開始タグの無い タグ</X1>がある のどちらであるか、コンピュータには判断できません。 通常、どちらか一方のエラーメッセージしか出ません。 どちらが出るかは、プログラムの作り方とか、入力するHTMLの作り方とか、その他いろんな条件によります。 あなたが (2)のつもりでいても、コンピュータは(1)のエラーを表示するかもしません。 コンピュータに携わっているとよく経験することですが、「エラーメッセージが真の理由とは限らない」のです。 別の箇所に真の原因があって、それに影響されて別のところでエラーになることがあります。 ということで。 2. : emを閉じるには /em である必要があります。 3. : <font> <a> </font> </a> という順番になっていませんか? この場合に、 <a>の中に </font> はあるけど「 <a>の中には<font>が無い 」と解釈される可能性が十分にあります。 4. : 酷い機械翻訳になったものです。それではよけいに混乱します。 日本語訳があるので、まずはそちらを読みましょう。 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/ テーブルはこちら http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/tables.html TBODYの中にはTRしか許されていません。 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/tables.html#edef-TBODY TRの中にはTHかTDしか許されていません。 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/tables.html#edef-TR <a>を書くなら、TDかTHの中です。 また、3 と同様、TBODYでは無いつもりの箇所がTBODY扱いされている可能性もあります。 余談になりますが。 1. marquee はともかく。 blinkを「最も嫌われているタグ」などと呼ぶ人がいるくらいのものです。 SEOに影響が無かったとしても、「人間」に嫌われるかもしれません。 少なくとも、点滅したり動いたり文字が大小したり、といったサイトは、最近の流行りでは無いと思います。 既に主要ブラウザではサポートされていません。 つまり、blinkと書いても、見る人には普通の文字にしか見えません。 そんな消えゆく技術をいまさら学ぶことも無いでしょう。

kfjbgut
質問者

補足

最後に述べられているblinkの主張が、全て疑問です。 １ 点滅(blink)は目を引くという意味から、非常に販売向上に効果があると考えます。 この場合「SEOに影響が無かったとしても、「人間」に嫌われるかもしれません。」 SEOに影響が無かった－－(1) 「人間」に嫌われる－－(2) (1)と(2)は全く整合性の無いものであり、因果関係がないものです。 サイト作製者にすれば(1)に影響が無ければいい訳で、(2)消費者で点滅文字があるから商品を買わないってことあるでしょうか？ 好きな商品があるなら点滅があっても買うでしょ。 実際、ピンクサイトなんか点滅は必須になっているといっていいでしょう。 よって、「SEOに影響が無かったとしても、「人間」に嫌われるかもしれません。」がなんなんだって感じです。真剣に疑問です・・ ２ では、このblinkは何時の時代に、何を目的に公開されたタグなのでしょうか？ ３ html4.01でmarquee や、blinkに変るタグがあるのでしょうか？この質問は、相談内容にも記しているものです。 後の回答文につきましては調べてみます・・

回答No.4

> 1 > 趣旨不一致。<BLINK> 、<MARQUEE>に付いてお聞きしています。 blink、marqueeの代用としては、jQueryおよびそのプラグインあたりを利用すればいいのでは。 探せばあります。 http://black-flag.net/jquery/20120124-3649.html http://www.webantena.net/javascriptjquery/jquery-plugin-marquee/ 自分が求めるブラウザの種類と最低バージョン(特にIE)から、全部正常に動作するか確認してください。 ２ > これはチョット理解できまでん。 <em>の開始が2つあるにも関わらず終了が1つしかない。 結果的に</td>が、<em class="○">の中にあると認識する可能性は十分にあります。 ３ > お何をいっているか解らない？ > って管理ツールの見解がですか？私の質問ですか？ 失礼、管理ツールで、というお話でしたね。 しかしながら、管理ツールというものが何を指すのかもわかりません。 http://validator.w3.org/ これでの確認ですか？ その管理ツールは、何が誤っているかを確実に正確に返してくれるんでしょうか？ <font>がどうたらといわれても、もしかしたら他のタグの入れ子の関係が影響しているかもしれませんよね。 HTMLにおいて、常に的確に問題を指摘してくれるツールには出会ったことありませんが。

kfjbgut
質問者

補足

1 貼っていたリンクですが、html4.01への是非をリンク先で確認できますかね？ 私は見つけることが出来ませんでしたが・・ 他方、blink や marquee も４．０１で正常に動作はしています。 IEとかサファリ、クローム等での動作確認もできています。 ただ、管理ツールに掛けるとアウトと指摘されるんですよ・・ ２ <em class="○">これは、EMをCLASSとしてＣＳＳを利用しているって記述ですよね？ だから最後は</DIV>を用いるのではないでしょうか・・ よって開始では無いと思っていますがね・・ ３ あなたが別質問で貼付してくれたリンクですよ・・ 今日、貼付したとこですよ・・忘れました？ http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi

  • Tacosan
  • ベストアンサー率23% (3656/15482)
回答No.3

1～3 について簡単に: 1: HTML 4.01 に blink や marquee といった要素は存在しない. http://www.w3.org/TR/html401/ を参照のこと. 2: <TD bgcolor="#f・・" width="45"><em class="○"><em>○○</em></TD> で <em class="○"> に対応する終了タグはどこにある? 3: a タグの終わりがどこか分からない.

kfjbgut
質問者

補足

1 これは相談に書いていますが、なら<BLINK> 画像点滅や、<MARQUEE>流れる文字 を使用したい場合は、どのようなタグで表現すればいいのでしょうか？ ２ 調査中します ３ 趣旨はfontタグの開始が解らないと指摘されています。 /aの終わりが関係ありますかね？ 後方にあるのは当然です。無ければ正常にaを認識しませんから・・

回答No.2

質問1 　様々なデバイスで利用される昨今、独自仕様のタグは利用すべきではないでしょう。 　仮に利用した時、何か視覚的な効果をもたらしたいと考えるならば、動作しないブラウザに 　対しての他の表現方法も検討する必要があります。 　社内利用など、決まりきったブラウザ、環境で利用する分には問題ありません。 　SEOの問題としては、問題ないと仰る方もちらほら見かけます。 　が、問題ないというか、『無視されるだけ』だと思います。 　例えば<strong>などの強調タグ内は、検索文字として認識してインデックス生成してもらえる 　ものですが、独自仕様によるタグについてまで、そんなことしてくれるのかと考えると、 　恐らくしてくれないでしょう。 　そう考えると、そもそも強調したいからそういう動作をさせているにも関わらず、 　検索エンジンのインデックス生成時には、期待した動作を一切してくれないため、 　『影響を及ぼす』という考え方に変わるでしょう。 質問2 　> <em class="○"><em>○○</em> 　<em>が終了していないにも関わらず、更に<em>がありますが・・・。 　やるとしても、<em class="○"><em>○○</em></em>じゃないですかね。 　（それもそれで、本当にそうする必要があるのか疑問ですが。） 質問3 　何を言っているかわかりませんが、タグは小文字で入力しましょう。 　大文字小文字が混在していて、気付かず、指摘された方の勘違いかもしれませんし、 　質問内容で省略されている部分を再確認してみたら、確かにタグの整合性が取れてないのかも 　しれませんし。 質問4 　<tbody>の直下は、<tr>になるでしょう。 　終了タグを省略しない形ならば、<tbody><tr><td><a></a></td></tr></tbody>となると思います。 　http://www.w3.org/TR/html401/struct/tables.html#h-11.2.3 　> When present, each THEAD, TFOOT, and TBODY contains a row group. Each row group must contain at least one row, defined by the TR element.

kfjbgut
質問者

お礼

４ すみません。必ず<tr>は必要なようです。 http://www.weblio.jp/content/tbody

kfjbgut
質問者

補足

1 趣旨不一致。<BLINK> 、<MARQUEE>に付いてお聞きしています。 ２ これはチョット理解できまでん。 ３ お何をいっているか解らない？ って管理ツールの見解がですか？私の質問ですか？ ４ 翻訳 「出席する時には、個々のTHEAD、TFOOT、およびTBODYは、列グループを含んでいる。個々の列グループは最低1つの列を含むにちがいなく、TR要素により定義される。 」 これは<tr>でないと駄目ってことなんですかね？<tr>は例ではないのですか？ リンクを拝見しても理解できませんでした・・

回答No.1

seoんどというのはデタラメですから、気にすることはありません、好きなように作ればいいんです。<table>だったいいんだよ。

kfjbgut
質問者

補足

ただ、理由として全くロボット検索に掲載されなにので、気にしないわけにはいきませんわ！ それに理由とseoが関係ないって根拠あります？

  1. カテゴリ
  2. [技術者向] コンピューター
  3. その他([技術者向] コンピューター)

関連するQ&A

注目のQ&A

カテゴリ

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

専門家に質問してみよう

職業から探して質問する
質問する