コンテンツ
最近のコメント
最近のトラックバック
RSSフィード
ブログ内検索
３．終了タグを省略しない
(HTMLからXHTML(XML)へ)
HTMLでは終了タグを省略することができました。
例えば、
<ul>
<li>リスト項目
</ul>
というように、<li>の終了タグを省略することが認められていました。
しかし、XHTML(XML)では、終了タグの省略が認められません。
XHTML(XML)では、
<ul>
<li>リスト項目</li>
</ul>
のように終了タグ（</li>）を省略せずに加えなければなりません。
２．属性の値は必ず引用符（ダブルコーテーションまたはシングルコーテーション）で囲む
(HTMLからXHTML(XML)へ)
HTMLでは、値が数字など特定の値のみの場合は引用符（ダブルコーテーション（"）またはシングルコーテーション（'））を省略して width=100 のような記述が認められていました。
しかし、XHTML(XML)では全ての属性値を引用符で囲んで width="100"、または、width='100' のようにしなければなりません。
○：width="100"
○：width='100'
×：width=100
１．タグ（要素タイプと属性）は、すべて小文字で記載する
(HTMLからXHTML(XML)へ)
HTMLでは大文字と小文字は区別されませんでした。しかし、XHTML(XML)では、大文字と小文字を区別します。
XHTML(XML)では全ての要素タイプと属性は小文字で定義されたので、タグの記載も小文字を用いなければなりません。
例えば、<A href="〜">と<a href="〜">では、異なる要素タイプとなります。
また、IMGとimgも、異なる要素タイプとなります。
したがって、タグはすべて小文字で記載するようにしましょう。
HTMLからXHTML(XML)への変換は、とても面倒ですが、それほど難しいものではないです。
次に挙げるような事項に注意して、私もXHTML(XML)へ挑戦したいと思います。
HTML4.01(HTML4.0)では、「今後HTMLから表示方法やレイアウトなどの表現に関する部分を排除していく」ということでしたが、
いきなり、今後HTMLから表示方法やレイアウトなどの表現に関する部分を排除していく、いわれても、直ぐにできるわけがありません。現在でも、HTML中にfontタグなどはたくさんみられます。
そこで、今まで使用してきたfontタグなどの非推奨の要素も、使用するすることができるように、HTML4.01(HTML4.0)では、非推奨の要素を使うかどうか、また、フレームを使うかどうかによって、３種類のDTDが用意されています。
−３種類のDTD−
DTDとは、Document Type Definitionの略で、「文書型定義」という意味であり、Strict、Transitional、Framesetの３種類があります。
●Strictとは、HTML4.01のルールに厳密かつ正確に従う指定で、次のように記載します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
または、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
●Transitional・・Strictより緩やかな指定（フレームは不可）で、次のように記載します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
または、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
●Frameset・・Transitionalにフレームを加えた指定で、次のように記載します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
または、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
かつて、NetscapeやInternet Explorerなどのwebブラウザの激しいシェア争いがあった頃は、次々と新しい機能が追加されていきました。
ユーザーも、新しい機能をこぞって使うようになり、アクセス数が多いほど優良なwebブラウザである時期がありました。
しかし、次々と生み出される新しい機能は、各webブラウザごとの独自の機能であったため、そのwebブラウザでないと見れないサイトがでてきました。
さらに、最新のバージョンでないと見れないという問題も起こってきました。
そこで、WWWの標準化を行っていたW3C(World Wide Web Consortium)が勧告を出し、現在は世界中がそれに従うように推奨されています。
それがHTML4.0という仕様です。
さらにHTML4.0の不具合を修正したHTML4.01という仕様が発表され、このHTML4.01が現在最も普及しています。
このHTML4.01(HTML4.0)という仕様の重視すべき点は、「今後HTMLから表示方法やレイアウトなどの表現に関する部分を排除していく」という明確な方針を示したことです。
さらに、スタイルシートを組み込むための仕組みが正式に導入されたのが、このHTML4.01(HTML4.0)です。
−今後HTMLから表示方法やレイアウトなどの表現に関する部分を排除していくとはどういうことか？−
例えば次の二つのタグを比較してみます。
１． <font size="2" color="#cc0033">そらのホームページ</font>
２． <h1>そらのホームページ</h1>
１．は、font要素によりタグ付けしたものです。このようなタグ付けでは、文字の大きさ、色は指定できますが、それ以外の指定はできません。例えば音声を読み上げたい場合や、センタリングしたい場合などの指定はできません。
さらに、パソコン端末だけでなく、携帯端末や、電子辞書、電光掲示板やタッチパネルなど様々な端末が存在しており、例えば白黒端末であれば、font colorは全く意味がないものとなってしまいます。
これに対し、２．は、h1要素によりタグ付けしたものです。このようなタグ付けでは、h1要素がどういう要素であるか指定することにより、さまざまな表示方法が可能です。
文字の大きさ、色はもちろんのこと、ば音声を読み上げたい場合や、センタリングしたい場合なども指定ができます。また、各種端末により、それぞれh1要素を指定することにより、それぞれ対応した表示が可能です。
１．は、その文字のフォントの大きさ、色という表示方法の表現に関する部分が、HTML中に記載されたものとなっていますが、２．は、HTML中ではh1という要素だけを記載し、その表示方法やレイアウトなどの表現に関する部分は排除されています。
さらに一般的はパソコン端末においては、スタイルシートを組み込むことによって、h1が何であるか指定することにより、様々は表現が可能となります。
これが、HTML4.01(HTML4.0)という仕様です。
なお、現在は、HTMLをXMLに準拠した仕様になるよう改良したXHTMLがW3C勧告として公開されています(最新版はXHTML1.1)。
W3Cの仕様策定の主軸は既にXHTMLに移行していて、今後はXHTMLがHTMLに代わり、Webページ記述言語として徐々に浸透していくものと考えられています。
ただ、XHTML1.1も基本的な要素や属性の使い方はHTML4.01と変わっていませんので、このサイトでは、XHTML1.1への移行も見据えて、HTML4.01の仕様をもとに勉強したいと思います。
■サイト名
ボイスポート(voiceport)
■運営会社
ヤフーバリューインサイト株式会社
■所在地
〒164-0011 東京都中野区中央1-38-1 住友中野坂上ビル1階
■連絡先
電話：03-3367-1967 FAX：03-3367-1961 E-MAIL：
■設立
2007年7月1日
■代表
田部 信
■おすすめ度
★★★★★
■対応メディア
ＰＣサイト／携帯サイト
■登録費用
無料
■ポイントレート
1ポイント＝1円
■最低換金額
500円
■手数料
無料
■報酬の種類
換金：イーバンク銀行、ジャパンネット銀行、ゆうちょ銀行、三菱東京ＵＦＪ銀行・・500ポイント（500円）から
Ｇポイント：100ポイント(100G)から
Yahoo!ポイント：100ポイント(100P)から
楽天スーパーポイント：100ポイント(100P)から
ＪＣＢカードOkiDokiポイント：500ポイント（500円相当）から
ＤＣハッピープレゼントポイント：500ポイント（500円相当）から
ギフトカード：1000ポイント（1000円）から
国連難民高等弁務官事務所（ＵＮＨＣＲ）へ寄付：1ポイントから
日本盲導犬協会へ寄付：1ポイントから
WWFジャパンへ寄付：1ポイントから
ボイスポートの特徴
ボイスポートは、2008年5月6日、「mpack」と「スコープNet」が統合してできたアンケートサイトです。
「mpack」も「スコープNet」も、言わずと知れたアンケートサイトだっただけに、両者の統合は、期待が高まります。
サイト内は、旧「mpack」を強く引き継がれているようで、「mpack」を利用していた会員は、問題なくはいっていけます。
−ポイントの貯め方−
アンケート・・アンケートに答えてポイントゲットできます。
アンケートには「予備調査」と「調査（本調査）」、「調査モニター募集」があります。
・「予備調査」は、調査（本調査）に回答いただく方を募集する事前アンケート。
・「調査（本調査）」は、ご登録情報や予備調査などのご回答から調査対象となった方にお送りするアンケート。
・「調査モニター募集」は、座談会、郵送調査などへの参加者を募集するアンケート。
−追記−
-2008年5月6日-
「mpack」と「スコープNet」が統合し、新しいサイト『ボイスポート』に生まれ変わりました。
-2007年7月1日-
株式会社インフォプラントと株式会社インタースコープ 合併してヤフーバリューインサイト株式会社発足。
「mpack」は株式会社インフォプラントが運営しておりましたが、ヤフーバリューインサイト株式会社運営に変わりました。
≫ボイスポート(voiceport)へ
■サイト名
アドチャンプル
■運営会社
株式会社ドルーグ
■所在地
〒905-2172沖縄県名護市豊原224-3
■連絡先
電話：0980-50-0192 FAX：0980-50-0193 E-MAIL：info@droog.jp
■設立
2005年1月
■代表
花輪大輔
■おすすめ度
★★☆☆☆
■対応メディア
ＰＣサイト／携帯サイト
■審査
易しい
■最低支払額
5000円
■登録費用
無料
■紹介報酬
なし
アドチャンプルの特徴
アドチャンプルは、2005年6月17日にオープンしたＡＳＰです。
PC、モバイル両方に対応しています。
運営会社の株式会社ドルーグは、おきぽたショップなども運営されている会社ですが、
紹介報酬制度が中止されているのが残念です。またプログラム数も現在6件と、少ないのも残念です。
登録のための審査は非常に易しいと思います。
アドチャンプル≫へ
テーマ : アフィリエイトで稼ぐ！！ - ジャンル : アフィリエイト
げん玉で貯めたポイントは、直接換金することはできません。
換金するためには、ポイントをPoint Exchangeへ移行する必要があります。（移行は無料！）
げん玉ポイントの換金の流れを説明すると・・
まず、げん玉で3000ポイント(300円)貯まると、Point Exchangeへの移行が可能になります。
この移行の際、感謝ポイントとして1000ポイントがもらえます。
つまり、トータルげん玉4000ポイントが移行できます。
Point Exchangeでは、400ポイント加算されているはずです。
(げん玉では10ポイント=1円ですが、Point Exchangeでは1ポイント=1円)
Point Exchangeへ移行したポイントは、換金できるだけでなく、電子マネーやギフト券・商品、デジタルコンテンツなどと交換可能ですが、ここでは、換金する際のちょこっとお得な方法を紹介します。
Point Exchangeで換金する場合は、手数料として105ポイント必要です。
よって、げん玉3000ポイントを換金する場合、実際に振り込まれる金額は、295円(295ポイント)となります。
感謝ポイント1000ポイントは、おおよそ手数料というわけですね。
■お得情報１
この感謝ポイント1000ポイントですが、Point Exchangeへ移行する際に必ずもらえます。
ただし、3000ポイントを移行する場合でも、9000ポイントを移行する場合でも、1000ポイントです。
したがって、9000ポイント貯まっているなら、9000ポイントを１回で移行よりも、3000ポイントを３回に分けて移行したほうが絶対お得です。
−9000ポイントを１回で移行した場合−
9000ポイント＋1000ポイント=10000ポイント（Point Exchangeで1000ポイントに相当）
Point Exchangeでは手数料105ポイントを引いて、895円(895ポイント)の換金となります。
−3000ポイントを３回に分けて移行した場合−
（3000ポイント＋1000ポイント）×3=12000ポイント（Point Exchangeで1200ポイントに相当）
Point Exchangeでは手数料105ポイントを引いて、1095円(1095ポイント)の換金となります。
■お得情報２
Point Exchangeで換金する場合、ジャパンネット銀行がお得です。
通常換金手数料は105ポイント(105円)となっていますが、
お得情報１と併用すれば、さらにお得感があります。
≫げん玉の基本情報(ブログ内)
≫げん玉へ
プロフィール
Author:そら
そら、３２歳。大阪在住、不労生活を夢見るサラリーマン。
by 萌える！アバターメーカー
ブログランキングに参加中です。
・人気blogランキングへ
・にほんブログ村
・JRANKブログランキング
・ブログランキングranQ