" に含まれるものであることに気づいたかもしれません。それらをタグと呼びます。通常、XHTML タグは、 などのペアで表示されます。 1 つだけ異なることがわかります&ldqu"/> " に含まれるものであることに気づいたかもしれません。それらをタグと呼びます。通常、XHTML タグは、 などのペアで表示されます。 1 つだけ異なることがわかります&ldqu">
検索
ホームページウェブフロントエンドhtmlチュートリアルXHTML入門学習チュートリアル:XHTMLタグ_HTML/Xhtml_Webページ制作

XHTML入門学習チュートリアル:XHTMLタグ_HTML/Xhtml_Webページ制作

May 16, 2016 pm 04:44 PM
xhtmlはじめる勉強属性私たちチュートリアルラベル

XHTML タグの概要
前のセクションで、XHTML ファイルと通常のプレーン テキスト ファイルの最大の違いは、 などの "" に含まれる一部の要素であることに気づいたかもしれません。それらをタグと呼びます。通常、XHTML タグは などのペアで表示されます。 「/」が 1 つだけ異なることがわかります。「/」のない のようなタグを開始タグと呼び、それに対応する「/」を含む を停止タグと呼びます。開始タグと同じです。開始タグは「/」記号が異なるだけです。もちろん、XHTML にはペアで表示されないタグもいくつかあり、それらには終了タグがありません。このようなタグを「空タグ」と呼びます。空のタグの内容については、後のチュートリアルで説明します。 大文字と小文字の区別について
以前のバージョンの HTML タグでは大文字と小文字が区別されませんでした。たとえば、タグ とタグ は同等でした。 XHTML では、すべてのタグは小文字です。 Web サイトを XHTML 標準に準拠させるには、Web ページを作成するときにすべてのタグに小文字を使用する習慣を身に付ける必要があります。 XHTMLタグ(要素)の役割
前のチュートリアルで保存した HTML ファイルを開きます。 6 行目の「これは私の最初の Web ページです。」を「これは私の最初の Web ページ です。」に変更し、変更を保存して Web ページを再度参照します。 Web ページ上の 2 つの単語が太字になっており、その効果は次のとおりです。
これは私の最初のウェブページです。
違いは明らかです。「ウェブページ」という単語が タグで「囲まれて」太字になっています。 タグは太字にすることを目的としており、タグに含まれるコンテンツにのみ影響します。これが XHTML タグの仕組みです。タグによって「包まれた」コンテンツを要素と呼びます。この例では、「webpage」という単語が タグの要素です。 ラベルのプロパティ


XHTML タグにいくつかの属性を設定できます。上の水平線に注目してください。元のコードは
です。 XHTML では、
タグは水平方向の分割線であり、この分割線に「size」という属性 (つまり、分割線のサイズ) を追加できます。その属性値は 1 です。その完全なコードは次のとおりです。


同様に、他の XHTML タグに属性を追加する方法は、タグの開始タグにattribute="属性値" を追加することです。属性値は引用符で「囲む」必要があることに注意してください。一重引用符または二重引用符のどちらでも使用できますが、二重引用符の方が一般的に使用されます。
属性を追加するための形式: 例 ->
注: 通常の XHTML ファイルには、移行標準と厳格な標準という 2 つのレベルの標準があります。移行標準は、主に HTML を使用して Web サイトを開発することに慣れている Web マスターを対象としています。上記のコードは暫定規格では合法ですが、厳密な規格では、size 属性は不正な属性とみなされます。 XHTML は、HTML のより標準化された厳密なバージョンであるだけでなく、Web サイトの構築方法も促進します。これは、Web ページのコンテンツとスタイルを分離することであり、これは XHTML の CSS を通じて実現されます。したがって、厳密に標準化された XHTML を使用し、スタイル定義のタスクを完全に CSS に任せることをお勧めします。 (XHTML 標準に関する問題については、後のチュートリアルで紹介します) 空のラベル
おそらく、ここでは分割線ラベルを対称の
ではなく、
として書いていることに気づいたでしょう。実際、これは前のチュートリアルで説明したペアになっていないタグです。開始タグ
のみがあり、終了タグ はありません。要素がないため、このようなタグを空タグと呼びます。では、なぜ単に
ではなく
と書くのでしょうか?この記述形式は、XHTML 内のタグはすべて「閉じている」必要があるというルールを満たすためのものです。開始タグの最後に「/」を追加する方法を、タグの自己終了 (または自己終了、自己終了など、お好みで呼んでください) と呼びます。
すべての空のタグを使用する場合の自己終了方法は同じで、開始タグの「>」記号の前にスペースとバックスラッシュ「/」を追加します。スペースは必須ではありませんが、ブラウザによっては
のみを認識し、
を認識できない場合があります。そのため、スペースを追加しました。 (今のところ互換性のないブラウザには遭遇していません)
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTML:構造、CSS:スタイル、JavaScript:動作HTML:構造、CSS:スタイル、JavaScript:動作Apr 18, 2025 am 12:09 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの未来:ウェブデザインの進化とトレンドHTMLの未来:ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript:比較概要HTML対CSS対JavaScript:比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML:それはプログラミング言語か何か他のものですか?HTML:それはプログラミング言語か何か他のものですか?Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML:Webページの構造の構築HTML:Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ:HTMLの力テキストからウェブサイトへ:HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解:初心者向けガイドHTML、CSS、およびJavaScriptの理解:初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。