ドキュタイプ宣言について - ホームページ・Web制作 - 専門家プロファイル

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

ドキュタイプ宣言について

法人・ビジネス ホームページ・Web制作 2013/11/20 15:46

ドキュタイプ宣言などを下記のように作っているのですが、ほかのサイトで自分とは違う記載を見つけました。そちらのほうが正しいのかと思うのですが、そのような認識でよろしいでしょうか?

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


<head>
<meta name="robots" content="noindex,noimageindex,nofollow" /><!--サンプルの為-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="認" />
<meta name="description" content="福。" />
<title>

</title>
<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="base.css" type="text/css" />
<link rel="stylesheet" href="index.css" type="text/css" />

</head>


見つけた物
<?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 lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>○○○○</title>
<meta name="description" content="キーワード○○を含む、100文字程度の説明文。" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="●●●.css" />
<link rel="canonical" href="▲▲▲" />
</head>

<?xml version="1.0" encoding="shift_jis"?>、dir="ltr"などが必要かどうかなどを悩んでいます。
XHTML 1.0 Transitionalで作っているので、見つけたものをコピペしてcharset=utf-8"にすれば良いのでしょうか?

補足

2013/11/20 17:09

いつもお返事ありがとうございます。お忙しい中大変ありがとうございました。
バリデートをした所XML宣言、dir="ltr"などをするように出てきたので必要かと思ったのですが、とくに必要ないということですね。
それでは仕事などでも下記で問題ないということですね。
バリデートが必ずあっているわけではないのですね。


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


<head>
<meta name="robots" content="noindex,noimageindex,nofollow" /><!--サンプルの為-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="認" />
<meta name="description" content="福。" />
<title>

</title>
<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="base.css" type="text/css" />
<link rel="stylesheet" href="index.css" type="text/css" />

</head>

park123さん ( 東京都 / 男性 / 41歳 )

回答:1件

井上 みやび子

井上 みやび子
Webエンジニア

- good

XML宣言 や dir 属性は付けなくても構いません

2013/11/20 16:42 詳細リンク
(5.0)

こんにちは。Webエンジニアの井上です。本当に几帳面な方ですね(笑)。

【XML宣言について】

「<?xml version="1.0" encoding="shift_jis"?>」の部分は「XML宣言」といいますが、XHTMLファイルの場合は、XMLファイルであっても XML宣言は付けない方が主流だと思います。

これについては色々主義主張があり、付けるという方もいますが、いわゆるWebサイト制作の場合、ブラウザで XHTML ファイルを表示する限りにおいてはXML宣言が無くても何ら問題ないので、私は付けない派です。

XML宣言が必須になるのは、書き出したXHTMLファイルを内容解析を行うプログラムに読ませるような場合です。

なお、XML宣言を付ける場合は、ご認識の通り、encoding 部分を作成しているファイルの文字コード(今の場合は utf-8)に変更して下さい。


【dir 属性について】

html タグの dir 属性(文章の方向)は "ltr" (左から右、left to right)がデフォルトなので、付けなくて構いません。

おそらくご覧になったサイトは、プログラムでページを生成しているような大規模なサイトではないかと思います。プログラムでこのようなページを書き出す場合は、デフォルトでない時だけ「dir="rtl"」という表記を付け加えるより、状況に応じて「dir="○○○"」の「○○○」部分だけを差し替える方がやりやすいのです。

後々転用してアラビア語のページを作ろう、という場合は入れておいた方がいいと思いますが、そうでないのなら、これも付けなくて構わないと思います。

XML宣言
XHTML

評価・お礼

park123さん

2013/11/20 17:10

いつもご回答いただき大変ありがとうございます。
非常に良いを採用させてもらいます。

質問やお悩みは解決しましたか?解決していなければ...

※あなたの疑問に専門家が回答します。質問の投稿と閲覧は全て無料です。

(現在のポイント:-pt このQ&Aは、役に立った!

このQ&Aに類似したQ&A

PHP&MySQLによる会員制サイトの構築について こつこつがんばさん  2014-05-01 18:22 回答1件
順位下降時の対処について こつこつがんばさん  2014-06-18 03:07 回答1件
SEOに適したコンテンツのまとめ方 こつこつがんばさん  2014-01-25 03:37 回答1件
専門家に質問する

タイトル必須

(全角30文字)

質問内容必須

(全角1000文字)

カテゴリ必須

ご注意ください

[1]この内容はサイト上に公開されます。

  • ご質問の内容は、回答がついた時点でサイト上に公開されます。
  • 個人や企業を特定できる情報や、他人の権利を侵害するような情報は記載しないでください。

[2]質問には回答がつかないことがあります。

  • 質問の内容や専門家の状況により、回答に時間がかかる場合があります。
気になるキーワードを入力して、必要な情報を検索してください。

表示中のコンテンツに関連する専門家サービスランキング

メール相談

ホームページSEO診断

ホームペーイjの内部SEOに特化したサービス

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)

その他サービス

格安ホームページ制作

貴社のサイトを格安でお作りします。

中沢 伸之

ストークデザイン

中沢 伸之

(Webプロデューサー)

メール相談

アメブロデザインテンプレートカスタマイズ承ります。

アメブロを個性豊かなデザインにしませんか?

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)