XHTMLって何?
今までのHTML(Hyper Text Markup Language)では、文書構造や定義の仕方にあいまいな点が多く、ブラウザ毎に見え方が違ったりするなど、ブラウザの種類によってHTML定義方法も変えなければいけない事が通例となっていました。
これらの問題を解決するために、登場したのがXHTMLです。
XHTML (Extensible Hypertext Markup Language) とは、SGML で定義されていた HTML を、XML の文法で定義し直したマークアップ (Web ページの構造を指定する) 言語で、W3C によって勧告されている仕様です。
XHTML では、XML を基にした論理的な記述を行うので、他のアプリケーションとの連携に適しています。
例えばホームページ用に作成した XHTML ソースを PDA で表示できるようにしたり、データベースと連携させることが可能になります。
これらの問題を解決するために、登場したのがXHTMLです。
XHTML (Extensible Hypertext Markup Language) とは、SGML で定義されていた HTML を、XML の文法で定義し直したマークアップ (Web ページの構造を指定する) 言語で、W3C によって勧告されている仕様です。
XHTML では、XML を基にした論理的な記述を行うので、他のアプリケーションとの連携に適しています。
例えばホームページ用に作成した XHTML ソースを PDA で表示できるようにしたり、データベースと連携させることが可能になります。
XHTMLタグの注意点
1.タグ内の要素名と属性名は必ず小文字で書く
2.注意するタグ
<br>→<br /> 改行
<img src="●●●.gif" />
<input>→<input />
<meta>→<meta />
<hr>→<hr />
3.属性値には必ず引用符(ダブル・シングルクォーテーション)で囲む
<img src="●.jpg" width="●" height="●" alt="画像" />
4.XML宣言(詳しくは次項参考)とドキュメントタイプを記述する
<?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">
2.注意するタグ
<br>→<br /> 改行
<img src="●●●.gif" />
<input>→<input />
<meta>→<meta />
<hr>→<hr />
3.属性値には必ず引用符(ダブル・シングルクォーテーション)で囲む
<img src="●.jpg" width="●" height="●" alt="画像" />
4.XML宣言(詳しくは次項参考)とドキュメントタイプを記述する
<?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">
XHTMLはSEO的に有利?
XHTMLかHTMLかでSEO的に有利不利は存在するのでしょうか?
今のところ、XHTMLがSEO的に有利とは言い切れません。
しかし、W3C標準が直接的にSEOに効果がなくとも、間違いのないタグ付けを行うことで間接的にSEO効果が得られると思いますので、W3C標準を意識して製作してください。
XHTMLはHTMLよりも厳格ですので、タグの間違いを文法チェックで確認してください。
HTML文法チェックで1番厳しい、Another HTML-lint gateway
URLを貼り付けてチェックしてください。
今のところ、XHTMLがSEO的に有利とは言い切れません。
しかし、W3C標準が直接的にSEOに効果がなくとも、間違いのないタグ付けを行うことで間接的にSEO効果が得られると思いますので、W3C標準を意識して製作してください。
XHTMLはHTMLよりも厳格ですので、タグの間違いを文法チェックで確認してください。
HTML文法チェックで1番厳しい、Another HTML-lint gateway
URLを貼り付けてチェックしてください。