ドキュタイプ宣言について - ホームページ・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コンサルタント)

メール相談

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

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

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)

メール相談

ホームページ(SEO対策)診断

貴社ホームページのSEO対策を診断します

中沢 伸之

ストークデザイン

中沢 伸之

(Webプロデューサー)

その他サービス 格安ホームページ制作
中沢 伸之
(Webプロデューサー)