<object>を隠す方法は？

質問

こんにちは。

いつもお世話になっております。HTML5にてサイトを構築している者です。
私のサイトでは各ページに<object>を使って外部htmlページを表示出来るようにしています。各階層全てのページから3つ程のhtml5を参照しています。この度、スマートフォンの対応のために、画面のwidthによってCSSにより、<object>を隠すようにしたいなと考えております。

そこで、 http://www.ne.jp/asahi/hishidama/home/tech/web/html/disabled.html を参照して下記のように適当に指定したら偶然隠す事が出来ました。
---------------------------------------
htmlファイル
<object id="kakusu" ～></object>
---------------------------------------
cssファイル
#kakusu{
visibility:hidden;
}
---------------------------------------
ただ、 http://www.htmq.com/html5/object.shtml にはこの様な事は書かれていませんでした。そこで質問なのですが、私の試したこの方法はHTML5に準拠したやり方なのでしょうか？もし準拠していないのなら、やり方を教えて頂けませんでしょうか？

何卒、よろしくお願いいたします。

回答No.1

noname#206842 · ベストアンサー

HTML5は、現在策定中のため、W3Cドラフトを参考にされてはいかがでしょうか？・・・
マークアップが正しいかどうかは、↓
http://validator.w3.org/

ＣＳＳの、記述に関しては↓
http://jigsaw.w3.org/css-validator/

私の感想では、<object>の前に、<section>があり、<section id=#kakusu">とした方がいいのでは？・・・
と、思います。
でもこれだと問題があるので、折りたたみのscriptを採用して、クリックした場合のみ表示する方が、よりスマートだと思います。

参考URL：

http://www.w3.org/html/wg/drafts/html/master/Overview.html

お礼

ご回答ありがとうございます。お返事が遅れまして大変申し訳ありませんでした。

回答No.2

fujillin

御提示のサイトをよく見れば（↓）にあります。
　http://www.htmq.com/style/visibility.shtml

どこかのサイトに出ているから準拠している/していないと考えるよりも、おおもとで調べるのがよろしいかと。
http://www.w3.org/standards/webdesign/htmlcss

お礼

ご回答ありがとうございます。お返事が遅れまして大変申し訳ありませんでした。