HTML5を守ったアフィリエイトサイトは難しい？

Question

HTMLを勉強して、一からアフィリエイトのサイトやブログを作ろうとしています。

HTML5かHTML4かで迷ってるところなんですが、HTML5はちょっと厳しいのかなと感じています。

というのも、例えば楽天アフィリエイトのアフィリリンクのソースは、HTML5では廃止されたtable要素のborder属性・cellpadding属性が平気で使われていたりします。

これをそのままHTML5で作られたサイトやブログに貼り付けると、ブラウザは気を利かせて表示はしてくれるかもしれませんが、HTML5のルール上は違反ですよね。

iframeで作られているAmazonアソシエイトのリンクなどは大丈夫そうですが、やはりHTML5でアフィリエイトサイト・ブログを作るとなると限定的になるんでしょうか？

ただ、楽天市場自体は<!DOCTYPE html>で宣言されているところを見るとHTML5だと思うんですが、なぜアフィリリンクのソースに廃止されている属性が使われているのかが分かりません。

単に楽天側が修正してないだけなのか、それともHTML5でも廃止された要素や属性を使っても問題無いということなんでしょうか？

アフィリエイトやりたいなら、今のところHTML4で作った方が良いですか？

taloo · Accepted Answer

>　これをそのままHTML5で作られたサイトやブログに貼り付けると、ブラウザは気を利かせて表示はしてくれるかもしれませんが、HTML5のルール上は違反ですよね。勘違いされているようですが、HTML4でもでレイアウトするのはルール違反です。 http://www.w3.org/TR/html5/tabular-data.html#table-layout-techniques HTML5では

でレイアウトする人が非常に多いという状態を鑑みて、レイアウトテーブルという考え方を導入しています。 CSSレイアウトが推奨されてはいますが、HTML5の方が

の扱いに対して寛容です。 >　単に楽天側が修正してないだけなのか、それともHTML5でも廃止された要素や属性を使っても問題無いということなんでしょうか？ブラウザはHTML4とかHTML5という区別をしていません。サポートしているタグか、サポートしていないタグかの区別しかありません。 http://www.w3.org/TR/html5/text-level-semantics.html#the-ruby-element たとえばのように、HTML5で定義されていてHTML5に対応しているブラウザでも表示できないブラウザもあります。表示上は、サポートしているタグであれば問題ありません。

kiyomac#1 · Answer

ＩＥの対応をするなら『HTML４』で記載した方が宜しいかと。

HTML５はこれからの標準に成るでしょうが、なにせＩＥ自体は最新バージョン
でしか対応してませんからね。
尚：ＩＥ６、７は独自の処理をしてます。

ビキナーを対象にしているなら未だにＩＥ６－７対応は必要です。

楽天市場サイトはDBで表示しているので廃止された要素を使っている可能性は有ります。

個人的にはＩＥの対応をしなければHTML５で構築するのも有り。

naktak · Answer

> 　ただ、楽天市場自体は<!DOCTYPE html>で宣言されているところを見るとHTML5だと思うんですが、なぜ
> アフィリリンクのソースに廃止されている属性が使われているのかが分かりません。

楽天側がHTML5に対応してたとしても、アフィリンクを利用する側がHTML5とは限りませんから。

楽天アフィリエイトに限った話をすれば、確かにtable要素にborderやらcellpaddingやらあるようですね。

楽天アフィリエイトで、それがアフィリエイトであるということを識別するものはtable要素ではありません。
必要なリンク部分だけ抜き出して自由に使えばいいと思います。
また、table要素があったところで、borderやらを削除し、cssでレイアウトを定義すればなんら問題ありません。

『HTML5だけ』でやろうとしなければ、別にそのままでも出力自体は行われます。
(デバイスごとに、レイアウトが崩れる場合はあるでしょうが)

逆説的に捉えると、HTML5だけで構築しても、閲覧者のブラウザがHTML5に未対応だと
崩れて表示されるので、それに対する対応もしますよね。
アフィリンクに限らず、崩れないように調整するという作業は必要になるでしょう。

HTML5を守ったアフィリエイトサイトは難しい？

> これをそのままHTML5で作られたサイトやブログに貼り付けると、ブラウザは気を利かせて表示はしてくれるかもしれませんが、HTML5のルール上は違反ですよね。

ＩＥの対応をするなら『HTML４』で記載した方が宜しいかと。

> ただ、楽天市場自体は<!DOCTYPE html>で宣言されているところを見るとHTML5だと思うんですが、なぜ

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

>　これをそのままHTML5で作られたサイトやブログに貼り付けると、ブラウザは気を利かせて表示はしてくれるかもしれませんが、HTML5のルール上は違反ですよね。

> 　ただ、楽天市場自体は<!DOCTYPE html>で宣言されているところを見るとHTML5だと思うんですが、なぜ