先日はどうもお世話になりました。
今度は具体的な方向性の相談なのですが、
これから作成すべきHTMLはHTML5で
作っておいた方が良いでしょうか。
今のところIE7にも対応させよということで
HTML4+Flashという方向性で考えております。
(既に完成している部分もあります)
HTML5もまだ色々なところが意見を出しているようで
まとまるのに数年かかるのかと思ってましたが・・・
モバイルの方は既にHTML5になっているようですね。
ということは将来(10~20年後)を見据えた場合に、
今からHTML5で作成しておくべきなのでしょうか。
それともHTML4+flashでも10年後も20年後も稼働しているから
特に心配する必要もないのでしょうか。
HTML5が仕様変更の可能性があるだけに
イマイチ踏み切れ出せずに迷っております。
ご助言よろしくお願いします。
No.6ベストアンサー
- 回答日時:
まるまる Flash とかのサイトじゃないのなら、[ANo.3] さんのいうように、10年先でも 20年先でも、無理して HTML5 にする必要はないと思うよ?
PC 向けには、IE8 がもうほとんど使われなくなっている頃(Windows Vista がサポート終了になるころ?)を目標に、Flash から SVG か Canvas に乗せかえればいいだけだから。
スマートフォン向けには、もう Canvas でいいんじゃない?
SVG は、Android 4 が浸透してからかな?
ちなみに、Canvas と SVG は、
SVG
↑
Canvas
の関係ね。Canvas で SVG は表現できるけど、SVG は Canvas にはなれない。
『なら、全部 Canvas ?』
ということじゃなくて、SVG で書いたほうが楽なこともあるよ。
Canvas はプログラムが必要だけど、SVG は XML を書けばいいだけだからね。
皆様方には再度お世話になり、とても助かります。
大分端折りますが、イメージ的にCANVASはペイント、
SVGはフォトショップという感じでかなり性能に差があるとみていました。
でもCanvasの方が応用範囲が広いようですね。
ということはCANVASはJAVAScriptという認識でいいのでしょうか?
No.5
- 回答日時:
>CanvasよりはSVG
ここも役割が違います。
Flashで出来ていたことを満足に再現したいならば両方使っていくことになると思います。
しかしcanvasの方ができることが多いですから大抵のアニメーションや効果だとこちらが基本、
場合によってSVG+CSS3を使うことになると思います。
まあそのうち環境が整って区別せずにできるようになると思いますが。
またまたお世話になります。
HTML4とHTML5が混在しても問題なしということですか。
どちらかに統一することしか頭にありませんでした。
>まあそのうち環境が整って区別せずにできるようになると思いますが
現状では区別が必要なようですね。
使い方とかもこれから見ていく予定なのでご意見は参考になります。
ご回答有り難うございました。
No.4
- 回答日時:
FlashはHTMLから独立した1つのコンテンツ、画像であって、
今まではHTMLが非力だったため仕方なくカバーしていただけで、本来は役割範囲がそもそも違うのです。
その仕方なくカバーしていた本来場違いなHTMLと親和性の高い部分はHTML5で置き換えていくべきですが、
全てをHTML5で実現すべきとか、完全に移行すべきというわけではありません。
プラグインだからいいこともあります。
役割分担の部分といろいろな都合を今まで以上に考えていくのがいいと思います。
No.3
- 回答日時:
誤解されている???
HTML5を解釈するユーザーエージェントは、HTML4.01にも対応していなければならないことになっています。
【引用】____________ここから
一方で、ユーザーエージェントは古い要素や属性をサポートし続けなければなりません。このため、HTML5 仕様は製作者に対する要件と、ユーザーエージェントに対する要件を明確に分けています。たとえば、製作者は isindex や plaintext 要素を使用することはできませんが、ユーザーエージェントはこれらの要素を Web 上のコンテンツと互換性をとるかたちでサポートする必要があります。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/h … )]より
【引用】____________ここから
HTML5 では、広く使われている HTML4 や XHTML 1 と互換性のある HTML 構文を採用しています。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/h … )]より
HTML5を使うのは、HTML5でないと対応できない要素があるときのみでよいのです。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
たとえば、canvasやvideoを使いたいときなどです。
IE8以下は、残念ながらHTML5に対応していません。これはIE8にもいえることです。IE8はHTML5に対応しているとはいえない状況です。具体的には「nav, article, header, footer, section, hgroup」というHTML5の根幹を成す主要なセクショニング要素は無視します。
以上のことから、作成するならHTML4.01strictで作成してもHTML5として通用する言っても良いでしょう。すなわちDOCTYPEを<!doctype html>と記述し、javsacriptやCSSを特定するmetaを書かなければ、そのままHTML5としてブラウザは解釈してくれます。
いわゆる著者が使えない要素は残りますが、そこに書かれている要素はすべてブラウザは解釈するはずですから。
ただ、flashのようなプロプライエタリ( http://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AD% … )なソフトウェアは、永続性が保障されませんからHTML5では採用されません。
代わりにcnvasやvideoが用意されます。
ただ、HTML4.01であっても、strictとtransitional,framesetがありますが、あくまでstrictで製作することを強く推奨します。なぜなら、HTML5は、HTML4.01strictの改訂版ですからね。
ご回答有り難うございます。
いいえ、勘違いはしていませんよ。
この間のご説明で要点は分かりました。
やはり問題はFlashが残っているかどうかの一点なのです。
CanvasよりはSVGかなと思っています。
ただ、canvasもSVGもよく分かっていません。
ベクタ画像が扱えると聞いてSVGなのかなと思っています。
No.1
- 回答日時:
この辺は今皆悩んでいる所だと思うので、あまり確定的なことは言えませんが、
個人的には可能であればHTML5で行くべきだと思います。
IE7も数年内には切り捨てていい程度のシェアになるでしょうし(IE8はまだ何とも言えませんが)、
逆にiphone、ipadを切り捨てることはどんどん出来なくなって行くでしょう。
現在、iphone等でもFlashを再生できるソフトなども出ている様ですが、
元々AppleがFlashを切った経緯を鑑みれば、今後規制される可能性が非常に高い気がします。
そんな訳で、HTML5で行くべきだと思います。
但し、最初に書いた通り個人の意見レベルなので、最終的にはご自身で判断されるべきだと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- その他(IT・Webサービス) Chromeとかにしか対応していないウェブサイトに抗議したい いま令和5年だぞ 今使えるブラウザとい 5 2023/05/24 11:32
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- その他(恋愛相談) 可能性あると思いますか? 1 2022/04/14 21:49
- 浮気・不倫(結婚) 下世話な内容だけど相談です 3 2023/02/09 12:55
- Amazon 新規でAmazon商品ページ作成方法について 1 2022/03/28 00:22
- 子供・未成年 年齢詐称をしてしまいました… 2 2023/07/14 16:53
- カップル・彼氏・彼女 既婚者の先輩方、助言お願いいたします(*^^*) 13 2023/07/07 22:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
<!DOCTYPE html>あってますか?↑
-
HTML電卓で1文字消す方法
-
テーブルの行を折りたたみたい...
-
Duolingo のソースコードの名前...
-
コードを書いて下さい( ; ; )...
-
初心者html・CSS ウィンドウを...
-
スマホで、左右にスワイプして...
-
メモ帳の段落の揃え方
-
角丸画像の背景色を透明にした...
-
テーブルタグのセルの幅の一部...
-
HTMLです すいません教えてくだ...
-
フロントエンジニアで一人前と...
-
HTMLで特定の文字だけ色を変え...
-
WEBページを強制的に横画面で見...
-
スマホでHTMLファイルを開いて...
-
ウェブサイトにアップされてい...
-
、URL化させるにはどうしたらい...
-
goo は、放置?
-
CSS、Bootstrapについて contai...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報