無料テンプレート付 簡単ホームページ講座  RSSを登録する

無料ホームページテンプレート差し上げます。町内会・クラス会などの広報活動やあなたのお店の店舗情報をインターネットで配信しましょう。難しいと感じるホームページも、マニュアルがついているので簡単に作ることが出来ます。

現在休刊中です    
解除

規約に同意して

2008/03/05

「DOCTYPE宣言/XML宣言」

■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
これならわかる!csstips
   (無料テンプレート付 簡単ホームページ講座)
                      通算第48号 3月05日発行

          ☆もういちど基礎から始める(X)HTML+CSS  vol.1
■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■

>子供たちの夏休みが始まりました。
>このメルマガを書いている部屋の前にある公園では
>子供達が遊んでいます。
>いいなぁ・・・夏休み!!

前回(臨時号を除いて)のメルマガの書き出し部分です。
去年の7月の27日だそうです。すいません (^_^;)

今、目の前の公園は春を待つ雪が日に照らされてまぶしく輝いています。
時が流れるのは早いもので……


では気を入れなおして、始めましょう。

**********************************************************************
 ☆もういちど基礎から始める(X)HTML+CSS vol.1
**********************************************************************
このメルマガはあくまでも初心者の方を対象にしていますので
あまり、難しい理論は語りませんのであしからず。
それでも充分理解できるように書きますので最後まで読んでくださいね

今回は、(X)HTMLの「DOCTYPE宣言/XML宣言」についてです。

HTML4.01 の宣言は


<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01 Transitional//EN"
"http://wwww.w3.org/TR/html4/loose.did">


と宣言しておけば
IE6,Firefox,Netscape,Opera,safari の各ブラウザの「標準モード」で問題なく
表示されました。

しかし、(X)HTML1.0 には「Strict」「Transitional」「分類なし」という
3種類の分類があります。またこの3種類の分類にはそれぞれ2種類の宣言が
あり、その宣言の種類によって上記のブラウザの
「標準モード」か「互換モード」による表示が違うという面があります。

まったく面倒ですね。

2種類の宣言というのは「XML」を宣言するかどうかの違いです。

そこで、このような種類の多い(X)HTMLですが、このメルマガでは

以下の***********で囲まれている宣言で講座を進めていきます。

******************************************************************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

******************************************************************

あえて「XML」は宣言しません。
以下のようになります。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="●●●" type="text/css">
<meta name="Keywords" content="●●●">
<meta name="Description" content="●●●">
<title>●●●</title>
</head>
<body>

<!--ここにコンテンツ-->

</body>
</html>


上記のソースをコピーし「宣言」と名前をつけて拡張子「.txt」で保存してください。


┼──────────────────────────
編集後記
──────────────────────────┼

YahooやGoogleの検索アルゴリズムがたびたび変更になったり
ブログフィルターがかかり、ブログではなかなか検索エンジンに
拾われなくなってきました。

せっかく情報を発信してもこれでは誰の目にも留まりません。
今、(X)HTML が見直されている時期です。

このメルマガを購読している方に最新の(X)HTML+CSSを
わかりやすく解説していきますのでよろしくお願いします。

※ 問合わせ先のアドレスが変わりました。
    
■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■
発行:1-spc.com
 オフィシャルサイト http://1-spc.com
  ブログ:http://csstips.seesaa.net
 お問合せ先:info@1-spc.com (アドレスが変更になりました。)

 購読・登録解除は下記のアドレスからお願いします。
 http://blog.mag2.com/m/log/0000208582/
■━━━━━━━━━━ Copyright 1-spc.com ━━━━━━━━━━━━■ 
現在休刊中です
解除

規約に同意して

最近の記事

上へ戻る