ホームページ > 記事 > ウェブフロントエンド > htmlとxhtmlとは何ですか
htmlとxhtmlとは何ですか
- 青灯夜游オリジナル
- 2022-09-15 17:59:363049ブラウズ
HTML ハイパーテキスト マークアップ言語は、Web ページのデザインと編集に特に使用されるマークアップ ベースの Web デザイン言語です。 XHTML は、XML に適合するように再形成された HTML です。マークアップ言語でもあります。HTML から XML への移行と見なすことができます。XHTML では、Web ページに表示される要素をマークする必要があります。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
HTML とは
HTML の英語での正式名は Hyper Text Markup Language で、中国語では「ハイパー テキスト マークアップ言語」と訳されます。 . これは、Web ページのデザインと編集に特に使用されるマークアップ Web デザイン言語です。
ハイパーテキスト マークアップ言語は、WWW の記述言語です。一連のタグが含まれています。これらのタグは、ネットワーク上のドキュメント形式を統一し、分散したインターネット リソースを論理的な全体に接続します。 HTML テキストは、HTML コマンドで構成される説明文であり、テキスト、グラフィック、アニメーション、サウンド、表、リンクなどを記述することができます。
<!DOCTYPE html> <html> <body> <h1>hello world !</h1> </body> </html>
それでは、ハイパーテキストとは何を意味するのでしょうか?ハイパーテキスト: ページには、画像、リンク、さらには音楽やプログラムなどの非テキスト要素を含めることができます。プロジェクトにおける HTML の役割を思い出してみましょう。 1. 考えなくても確実なのは、その表示機能です 2. ページ上のどの要素でも、JS を使用して、表示の変更や他の場所へのリンクなど、アニメーションの変更を加えることができます。つまり、HTML の要素はポータルとして想像でき、マウスをクリックするだけで、より関連性の高いコンテンツを取得できる可能性があります。さて、HTML ページがノードであり、何らかのトリガーを通じて 2 つの HTML ページに接続されていると想像してください。このようにして、何万もの HTML ページが World Wide Web を構成しています。
XML とは
XML は、情報を自己記述するために設計された新しい言語です。 HTML と同様に、XML もテキストベースのマークアップ言語ですが、XML を使用すると、ユーザーがタグを自由に定義して、表現したい文書に基づいて実用的な意味を持つ文書コンテンツを表現できます。
XHTML とは
#Extensible Hypertext Markup Language XHTML (eXtensible HyperText Markup Language) は、ハイパーテキスト マークアップ言語 HTML (HyperText Markup Language) です。 XML アプリケーション用に再定義された標準。 XHTML は、XML に適合するように再形成された HTML です。マークアップ言語でもあります。HTML から XML への移行と見なすことができます。XHTML では、Web ページに表示される要素はすべて、マークされた。 XHTML は HTML とほぼ同じですが、HTML よりも厳密です。 XHTML は、XML アプリケーションとして定義された HTML です。すべての主要なブラウザでサポートされています。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>标题</title> </head> <body> <h1>XHTML</h1> </body> </html>
xhtml と html の違い
1. XHTML 要素は正しくネストされている必要があります #例:
一般に、HTML Web ページは「main content」になります。これは厳密ではなく、XHTML では間違っています。正しいものです。 xhtml 標準では、このような「main content」を要求する必要があります。
2. XHTML 要素は閉じている必要がありますexp:
HEAD の例、" " このようなタグは HTML で使用できますが、xhtml 標準のため、" "
##" のように閉じる必要があります。 # たとえば、一般的な HTML で「」改行タグを使用する場合、多くの人は改行する必要がある段落に「
」タグを追加するだけですが、XHTML CSS 標準では、改行タグを追加する必要があります。 「 < ;p>段落テキスト
」は、記事テキストフィールドの前の改行タグ「」で始まり、記事テキストフィールドの後の「
」タグで終わる必要があることを意味します。段落テキスト。たとえば、HTML ページを作成するときに、多くの人が小さな改行タグ「br」を使用します。多くの人は、このタグを閉じたスタイルで囲む必要があることを知りません。例:テキストの段落の後には改行が必要です。多くの CSS プロダクションでは改行が必要です。ここに「」を追加するのは良いことですが、これも標準ではないことをお伝えしておきます。 XHTML 検証中にパスし、「
」で閉じる必要があります。
3. タグ名には小文字を使用する必要があります
以前の Web ページでは、多くの通常、タグは大文字または小文字で配置されていましたが、Web 標準のため、タグは小文字で統一する必要があります。 以前は、「、
4. XHTML ドキュメントにはルート要素が必要です。
は、ルート要素で始まるすべてのタグが任意のタグで終了する必要があることを意味します。たとえば、
を使用してください。5. 画像に alt 属性を追加する必要があります
以前は、Web ページに画像を表示するときに、img に alt 属性を追加するかどうかを指定できました。 alt 属性を追加しないと、alt 値が空であっても、xhtml 検証でエラーが表示されます。
exp:
エラー<img src="%E7%94%BB%E5%83%8F%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9" alt="htmlとxhtmlとは何ですか" >
正しい<img src="%E7%94%BB%E5%83%8F%E3%82%A2%E3%83%89%E3%83%AC%E3%82%B9" alt="htmlとxhtmlとは何ですか">
alt を追加するメリットは何ですか?回答: alt を追加すると、画像のテキスト説明が提供され、検索エンジンが画像の内容を識別できるようになります。これは、Web ページを最適化するのに適しています。
(学習ビデオ共有: Web フロントエンドの入門 )
以上がhtmlとxhtmlとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。