HTMLランディング・ページをアップロードするためのコード要件
重要: ランディング・ページ用のコードの作成をサード・パーティに依頼した場合、Eloquaでの統合の問題を回避するために、この情報を提供することが重要です。
HTMLがEloquaおよびすべてのブラウザで正しくレンダリングされるように、次のガイドラインを使用することをお薦めします。
-
DocTypeはXHTML-1.0-Strictです(移行されたページを除く)。このDocTypeは、ランディング・ページがブラウザ間で最適にレンダリングされるようにするために使用し、したがってアップロードされるすべてのコンテンツでもこのDocTypeを使用する必要があります。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -
コードは、W3C Markup Validation Service (http://validator.w3.org/)に従って正しく検証する必要があります。
-
JSコードは、JSLint JavaScriptコード品質ツール(http://www.jslint.com/を参照)で合格する必要があります。
- すべてのJSは、ヘッダー・タグ内にある必要があります。
- JSが壊れていると、ページはInternet Explorerでレンダリングされません。
-
CSSで
<BODY>タグをターゲットにしないでください。 -
様々なブラウザで適切にレンダリングされるように、アプリケーションに含まれる次の基本的なEloqua CSSリセットとの互換性を確保します。
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,button,textarea,p,blockquote,th
td{margin:0;padding:0;}table{border-collapse:collapse;borderspacing:0;}fieldset,img{border:0;}address,
caption,cite,code,dfn,em,strong,th,varoptgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} -
次のシステム・クラス名を使用しないでください。
- .sc-view
- .sc-view-overflow
- .sc-container-view
- .overlays-active
- .inline-styled-view
- .inline-styled-view{}
- .hidden-border
- .body
- .sc-view.static-layout
- .main
- .elq-form
- .elq-form-ce
-
静的位置または絶対位置を使用し、相対位置または固定位置の要素は使用しないでください。
-
表の使用は許可されています。
-
相対パスを使用して、イメージやスタイルシートなどを参照しないでください。
-
テキストまたは共有コンテンツ・セクション内で
<html>、<head>、<body>の開始タグや終了タグを使用しないでください。 -
すべての要素に正しい開始タグと終了タグがあることを確認してください。
注意: 遷移したコンテンツをランディング・ページ・エディタで再保存する場合、ページ・ディメンション、本文の背景色および背景イメージ、ドキュメントの背景色および背景イメージをリセットする必要があります。
すべての要件を満たしていることを確認した後、ランディング・ページのHTMLコードのアップロードに進むことができます。