HTML5対応ショッピングカートCGI

HTML5対応ショッピングカート

HOME

ショッピングカートCGIの
ダウンロードの申込み

サイトマップ

ご協力サイト1/2/3/4/5


HTML5対応ショッピングカートCGI

ショッピングカートのHTML5、XHTML対応について説明致します。

HTMLからXHTMLへの移行の方法

XHTML化は、技術の流れでもあり、SEOの点からもその必要が求められています。ショッピングカートはサイトのデザインに合わせて組み込む必要があり、ぴったり組み込めるためにはショッピングカート自体がXHTMLに対応していなければなりません。

PCtoMobile 及び Contents-Cart では、HTMLとXHTMLを切り替えて使用することができます。

対応可能なバージョンは下記のものです。
１．XHTML 1.0 Transitional
２．HTML 4.01 Transitional
３．HTML5（新バージョンで標準）

【注】set.plの２０行目で上記のいずれかを選択できます。（最新版の初期値は、HTML5 です。）

XHTMLは文法規則が厳しくなっており、より正確にタグを記述しなければなりません。HTML 4.01 Transitional から XHTML 1.0 Transitional への変更には、大体、下記のことが必要になります。

【１】XHTML宣言部分

HTML 4.01 Transitional の場合：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang='ja'>

XHTML 1.0 Transitional の場合：
<?xml version='1.0' encoding='Shift_JIS'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='ja' lang='ja'>

【２】タグをすべて小文字にする

<TABLE> ・・・・・→ <table> など。

【３】引用符は必須

<TABLE WIDTH=500> ・・・・・→ <table width='500'> など。

【４】終了タグが必須で、空要素のタグを　/>で閉じる

<br />
<input ・・・・・ />
<hr />
<img ・・・・・ />
<meta ・・・・・ />
<link ・・・・・ />
<p>・・・・・</p>
<li>・・・・・</li>

【５】特殊文字の記述を厳密にする

& ・・・・・&
< ・・・・・<
> ・・・・・>

【６】属性の省略形表記を使わない

checked ・・・・・→ checked='checked'
selected ・・・・・→ selected='selected'
readonly ・・・・・→ readonly='readonly'
nowrap ・・・・・→ nowrap='nowrap'

【７】JavaScriptやスタイルシートはコメントアウトせず、外部ファイル使用を推奨

<script type="text/javascript">
・・・・・・使わない
</script>

PCtoMobile 及び Contents-Cart　また、マルチメールフォームでは、これらの変更を実施いたしました。
⇒PCtoMobile
⇒Contents-Cart
⇒マルチメールフォーム

下記を参考にしてください。

XHTML strict　について

より厳密な　XHTML 1.0 Strict　の場合は、さらに変更が必要になります。視覚的な要素はすべてスタイルシートで表現することになります。

<font>、<center>などが使えない。
a、form、imgタグのname属性はid属性にしなければならない。
フレームは使えない。

HTML5に標準で対応

ほとんどのブラウザーでHTML5（及び、CSS3）に対応するようになりました。それで、ショッピングカートPCtoMobile～Contents-MallでHTML5に標準で対応するようにしました。HTML5（及び、CSS3）には強化されたいろいろな機能がありますが、それらを活用することができます。

set.plの２０行目で下記のいずれかを選択できます。（初期値は、HTML5 です。）

XHTML 1.0 Transitional
HTML 4.01 Transitional
HTML5（最新バージョンの初期値）

これにより、貴社のデザインしたサイトにぴったり合ったショッピングカートを作成できます。

go to home

HTML5対応ショッピングカートCGI

HTMLからXHTMLへの移行の方法

XHTML strict について

HTML5に標準で対応

XHTML strict　について