HTMLタグの使用可否の確認方法と仕様書の探し方について

このQ&Aのポイント
  • HTMLタグの使用可否を確認するためには、JavaScriptやCGIを使用する方法があります。
  • ユーザーエージェントの環境で直接タグの有効性を確認することが可能です。
  • HTMLの仕様書には、バージョンごとの使用可否が明示されたサイトが見当たりませんでした。
回答を見る
  • ベストアンサー

HTML・特定のタグの使用可能か否かの確認

HTML等は環境によって挙動が違う訳ですが、 実際にそのタグが使用できる環境では正規表現で、そのタグが使用出来ないならクラス・ID指定のJavaScriptを使ったモドキタグに変更するようなプログラムを書くにあたって…… JavaScriptやCGIを使い、 ユーザーエージェントの環境で 特定のタグが有効か無効かを(ブラウザー名やバージョンからの推測ではなく) ”直接”確認する術は有りますか? (希望としてはJavaScriptと(CGIの方は)PHPの両方で出来れば都合が良く、 別の言語なら可能~といった情報でもありがたいです。) 不可能であれば推測する方法で構わないのですが、 仕様書を僕なりに探してみたのですが、 どのバージョンからこれが使えるこれが使えない…が分かりやすく載っているサイトが見当たらなかったので、 もしご存知でしたら教えて頂きたいです。 宜しくお願いします。

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

  • ベストアンサー
  • Ogre7077
  • ベストアンサー率65% (170/258)
回答No.2

HTMLUnknownElement は HTML5 の仕様ですが IE8 でも使える程度には普及しています もし何らかの特別な事情があって古いブラウザへの考慮が必要ならば タグにもよりますが var videoタグ使えない = (document.createElement('video')['src'] == undefined); の様な方法が一番簡単でしょう

a0123456789012
質問者

お礼

色々な技が有るんですね (^-^) 勉強になりました。 サイトの方針や時代に合わせて使い分けようと思います。 ありがとうございました。

その他の回答 (1)

  • Ogre7077
  • ベストアンサー率65% (170/258)
回答No.1

<marqee>タグを例に取ると JavaScript var marqeeタグ使えない = document.createElement('marqee') instanceof HTMLUnknownElement; (参考) http://www.w3.org/TR/html5/dom.html#htmlunknownelement 分かりやすく載っているサイトの例 https://developer.mozilla.org/ja/docs/Web/HTML/Element/marquee#Compatibility

a0123456789012
質問者

お礼

JavaScriptで出来ちゃうんですね っ! ^_^ ところで ちょっと検索したのですが、HTML5のみの仕様でしょうか? やっぱりこの方法と推測する方法の併用が良さそうでしょうか? それでも相当役立ちます^_^ サイトの方もとても分かりやすいです。 ありがとうございました。

関連するQ&A

  • HTMLのCGI全般に関して

    HTMLでホームページを公開しました。HPの中に、「質問して、答える、 二択の投票」みたいなのを、作りたいと思います。 投票はシンプルで簡単なものを作りたいと思ってます 自分なりに調べた結果、 CGIが必要ということがわかりました。そのCGIも、スクリプト言語がある事 がわかりました。 私がHPを公開しているサーバーは、CGIが使えるみたいです。実際、 他カウンターのCGIを使っていま(http://counter.fc2.com/) スクリプト言語については、殆どしりません。(ネットで調べた位) 私のHP公開の現状と、レベルはこの程度です。 この投票を作るのに、CGI以外の方法はありますか? 無理であれば下記の質問へ そこで質問ですが、 (1)CGIの設置について、超初心者でも分かるような 説明をしているサイトはありますか? (2)自分のHTMLにCGIのスクリプト言語を入れる事って出来ますか? (3)スクリプト言語のタグが分かりません。タグ集などはありますか (4)CGIの専用テキストがあるみたいですが、メモ帳で作りたいと思いますが、 専用テキストの方が便利ですか? (5)「CGIスクリプトを作る実行環境があること。」とありますが、どういった設定 をすれば良いですか(URL)

  • Javascriptで正規表現を使って HTMLタグの[id="hea

    Javascriptで正規表現を使って HTMLタグの[id="header-nav"]のような文字列がある場合に[id="headerNav"]というように一斉に置換するにはどういったふうに書けば良いでしょうか?

  • HTMLを埋め込む最適な方法はどれ?

    HTMLの勉強をしています。 例えば、「○トップ ○自己紹介 ○日記」という3つのリンクでメニューを作成するとします。 それを埋め込む場合、 1、<iframe>タグを使用して埋め込む 2、<object>タグを使用して埋め込む 3、JavaScript(document.write)を使用して埋め込む この3つが考えられると思います。 インラインフレームは、使えないブラウザがあるかもしれないし、JavaScriptも無効にしている人が結構居るようです。 アクセシビリティや表示速度などの閲覧者視点で判断すると、どれが最適でしょうか? 上記の3つ以外にも埋め込む方法がありましたら教えてください。 確証がなくても、意見でもいいのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLのPREタグについて

    HTML初心者です。 JavaScript等を使用して、テキストエリアにある文字列をボタンを押すとPREタグ内に表示するような 簡単なアプリケーションを作成しようと思っています。 用途はコードシンタックスハイライトができるようにしたいからです。 色々と試してみたのですが、うまくいきませんでした。 (シンタックスハイライトの機能が反映されない) 大変申し訳ありませんが、ご指導よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 強制的に、リンクを飛ばすタグに関する質問

    CGIでチャット等を作る際に、自動更新機能として、強制的にリンクを飛ばしたいのですが(同じURLに飛ばす) 実際そういう様な事をするにはJavaScript等でやるのでしょうか? またHTMLにその様なタグはあるのでしょうか?

    • ベストアンサー
    • HTML
  • 表示項目には一般的にどのタグを使用するのでしょうか

    いつもお世話になります。 HTMLで、入力項目にはinputタグのtypeにtextを、ボタンにはtypeにbutton、submitというように設定しますが、表示するだけの場合はどのタグを使用するべきなのでしょうか。 表示するだけの項目にタグが必要なのは、その項目をjavascriptを使用して動的に値を変える必要があるため、タグで定義しておかないと変更できないからです。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • HTMLタグの中に文字参照は書いても良い?

    文字列中のHTMLタグを文法チェックする正規表現を考えています。 HTMLのバージョンは4.01 Transitionalを想定しています。 悩んでいるところが文字参照の&nbsp;でして、これはタグの中でも 空白を表すのかどうかという点です。 つまり、以下のタグはタグとして正しいかどうかということです。 (例1) <p&nbsp;id="hoge">aaaaa</p> (例2) <p &nbsp; id="hoge">aaaaa</p> ブラウザでタグとして認識されないので、恐らく誤りなのかなと 思っており、The W3C Markup Validation Serviceや Another html-lint GatewayでもNGと指摘されますが、理由を 仕様として把握したいと考えています。 なんとなく、漠然と仕様上書けないような気はしているのですが、 そのエビデンスがほしいのです。 「この仕様にこう書いてある。だから書けない」と言えれば よいのですが、その在り処がお分かりになる方、ぜひ教えて頂けますか。

  • CGIをHTML(scriptタグ)上でうまく呼び出せない

    お世話になっております。 ご存知の方いらっしゃいましたら、ご教授願えますでしょうか? HPにアクセスカウンタを設置したいと思い、 http://apps.cside.com/cgi/counter/jscnt/ こちらのアクセスカウンタをお借りして CGIのテストを兼ねてtest.htmで呼び出したいので、 test.htmに以下のような記述をしました。 ------------------------------------------------------------------------ <html> <head> <title>top</title> <script language="JavaScript" src="./jscnt/cnt.cgi"></script> </head> <body> </body> </html> ------------------------------------------------------------------------ また、こちらのCGIの説明ページに書いてある通り、 以下のように設置しました。  html/(レンタルサーバのメインディレクトリ)  │  ├ test.html ……………………… (755) カウンタ呼出しHTML  │  └ jscnt/  ………………………… (755) プログラムディレクトリ    ├ cnt.cgi …………………… (755) カウンタcgiファイル    └ data.cgi ………………… (666) カウント数記録ファイル 以上のように設定したのですが、真っ白のページが表示されるだけで、 カウンターが出ません・・・。 他に設定や何かタグ等を追加する必要があるのでしょうか? お手数ですが宜しくお願いいたします。

    • ベストアンサー
    • CGI
  • IEとNSとその他を判断し実行するHTMLを切り替える方法は?

    IEとNSと、その他のブラウザのそれぞれのヴァージョンによって、実行するHTML文を変えたいのですが、どういう方法がありますか? Windows環境とMac環境も考慮したいです。 同じHTML上で振り分けてもいいのですが、それぞれにブラウザ別のHTMLファイルを用意し、ブラウザによって切り替えて実行するのでも良いです。 JavaScript以外のスクリプト(CGI)でもかまいませんが、どのブラウザでも機能できる方法を取りたいです。 ご教授下さいませ。

  • HTML5+CSS3 でしかできないこと

    長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML5+CSS3 が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5+CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML5で作られていますが(section タグや header タグがありますね) XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 3カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております^^ どうぞ宜しくお願い致します!

専門家に質問してみよう