XHTML_HTML/Xhtml_Web ページ制作における共通タグの整理

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:36 PM

xhtmlラベル

XHTML タグとは何ですか?
XHTML タグ要素は、XHTML ドキュメントの基本的な構成要素です。 XHTML タグは、XHTML ドキュメント内で「これが何であるか、それが何であるか」を定義するために XHTML 言語によって使用されるタグとして理解できます。
XHTML タグは山かっこで囲まれたキーワードで、のようにペアで現れることがよくあります。このタグは、これが hmtl (xhtml) ドキュメントであることを示します。タグペアの最初のタグは開始タグ、2 番目のタグは終了タグです。
改行タグ
など、ペアになっていないタグや終了タグがないタグも少数あります。
XHTML タグを閉じる
XHTML 仕様では、すべてのタグを閉じる必要があります。通常、ペアになっているタグは終了タグで閉じられ、ペアになっていないタグはスペースと /> で閉じます (
など)。
ブラウザは閉じられていないタグを認識できますが、規制や長期的な観点からは終了タグが必要です。

一般的に使用される XHTML タグ
タグ
このタグは、XHTML ファイルタイプ宣言を除き、これが hmtl (xhtml) ドキュメントであることを示します。その他すべてすべての XHTML タグ要素は、このタグ内に埋め込まれる必要があります。

XML/HTML コードコンテンツをクリップボードにコピー

html>
頭> ... 頭>
ボディ>
p>テキスト段落とその他のテキストコンテンツ p>
ボディ>
html>

タグ

この情報は、通常、ブラウザーと XHTML ドキュメントに必要な情報です。 XHTML CSS スタイルやドキュメントによってロードされるその他のスクリプト情報など、ドキュメントの追加の説明。

タグ
このタグは、XHTML ドキュメント全体のタイトルを定義し、ブラウザウィンドウの上部にあるタイトルバーに表示するために使用されます。タグは < ;head> にネストされています。

XML/HTML コードコンテンツをクリップボードにコピー

頭>
title>XHTML タグ - XHTML チュートリアルタイトル>
頭>
ボディ>ボディ> タグ

名前が示すように、このタグは XHTML ドキュメントの本文コンテンツを記述し、表示する必要があるすべての本文コンテンツがこのタグに含まれます。

XHTML タイトル
XHTML ドキュメントのタイトルは、それぞれ

～

で定義されます。

XML/HTML コードコンテンツをクリップボードにコピー

h1>レベル 1 タイトル h1>

h1>レベル 2 タイトル h1>

h1>第 3 レベルの見出し h1>

このタイトルは

ではありませんが、通常、<h1> は <title> と同等であることに注意してください。 <p>XHTML 段落<strong><br>XHTML 段落は <p></p> タグで定義されます: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML コード<span class="lantxt"></span>コンテンツをクリップボードにコピー<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4556')"></span> </div> <div id="code_4556"> <ol class="dp-xml"> <li class="alt"> <span></span>p<span class="tag-name"></span>><span class="tag"></span>これは段落です<span></span><span class="tag"></span>p<span class="tag-name"></span>><span class="tag"></span> <span></span> </li> </ol> </div> </div> <p>XHTML ハイパーリンク<strong><br>XHTML ハイパーリンクは <a></a> タグで定義されます: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML コード<span class="lantxt"></span>コンテンツをクリップボードにコピー<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2790')"></span> </div> <div id="code_2790"> <ol class="dp-xml"> <li class="alt"> <span></span>a<span class="tag-name"></span> <span></span>href<span class="attribute"></span>=<span></span>"http://www .jb51.net"<span class="attribute-value"></span>><span class="tag"></span>5iDev Web 開発オンラインチュートリアル<span></span><span class="tag"></span>a<span class="tag-name"></span>><span class="tag"></span> <span></span> </li> </ol> </div> </div> <p>XHTML 画像<strong><br>XHTML 画像は </strong><br> タグで定義されます。 </p> <div class="codeText"> <div class="codeHead">XML/HTML コード<span class="lantxt"></span>コンテンツをクリップボードにコピー<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4498')"></span> </div> <div id="code_4498"> <ol class="dp-xml"> <li class="alt"> <span></span>img<span class="tag-name"></span> <span></span>src<span class="attribute"></span>=<span></span>"flower.jpg"<span class="attribute-value"></span> <span></span>alt<span class="attribute"></span>=<span></span>"花"<span class="attribute-value"></span> <span></span>/><span class="tag"></span> <span></span> </li> </ol> </div> </div>このタグで、src 属性を使用して画像ソースを指定すると、タグによってブラウザーに flowers.jpg 画像が表示されます。 <p> </p> <p>XHTML フォーム<strong><br>XHTML フォームは、ユーザーコメントなどのユーザー入力情報を収集するために使用されます。フォームは <form></form> で定義されます: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML コード<span class="lantxt"></span>コンテンツをクリップボードにコピー<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8737')"></span> </div> <div id="code_8737"> <ol class="dp-xml"> <li class="alt"> <span></span>フォーム<span class="tag-name"></span>><span class="tag"></span> <span></span> </li> <li>さまざまなフォーム要素 (テキストフィールド、ドロップダウンリスト、ラジオボタン、チェックボックスなど) <span></span> </li> <li class="alt"> <span></span><span class="tag"></span>フォーム<span class="tag-name"></span>><span class="tag"></span> <span></span> </li> </ol> </div> </div>

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTML、CSS、およびJavaScript：例と実用的なアプリケーションMay 09, 2025 am 12:01 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造の構築に使用されます。 2。CSSは、Webページの外観を美化するために使用されます。 3. JavaScriptは、動的な相互作用を実現するために使用されます。タグ、スタイル、スクリプトを通じて、これら3つは最新のWebページのコア関数を構築します。

Lang属性をタグにどのように設定しますか？なぜこれが重要なのですか？May 08, 2025 am 12:03 AM

タグのLang属性を設定することは、WebアクセシビリティとSEOを最適化する重要なステップです。 1）ラング属性をタグに設定します。 2）多言語コンテンツでは、ようなさまざまな言語パーツのLang属性を設定します。 3）「EN」、「FR」、「ZH」などのISO639-1標準に準拠する言語コードを使用します。Lang属性を正しく設定すると、Webページと検索エンジンランキングのアクセシビリティが向上します。

HTML属性の目的は何ですか？May 07, 2025 am 12:01 AM

htmlattributeSareSientionalentionalentionalentionalentiallyance'functionalityandappearance.theyaddinformationtodefinebehavior、light、and interaction、makewebsitesteractive、responsive、andviseallyappaleal.attributeslikesrc、href、class、型、およびdoadabledransform

HTMLでリストを作成するにはどうすればよいですか？May 06, 2025 am 12:01 AM

toreatealistinhtml、useforunorderedlistsandfororderedlists：1）forunorderedlists、wrapitemsinanduseforeachitem、renderingasabulletedlist.2）

HTMLアクション：Webサイト構造の例May 05, 2025 am 12:03 AM

HTMLは、明確な構造のWebサイトを構築するために使用されます。 1）Webサイト構造などのタグを使用し、定義します。 2）例は、ブログとeコマースのウェブサイトの構造を示しています。 3）誤ったラベルネスティングなどの一般的な間違いを避けてください。 4）HTTP要求を削減し、セマンティックタグを使用してパフォーマンスを最適化します。

HTMLページに画像を挿入するにはどうすればよいですか？May 04, 2025 am 12:02 AM

to inertanimageintoanhtmlpage、usethetagwithsrcandaltattributes.1）usealttextforaccessibilityandseo.2）emplencesrcsetForresponsiveimages.3）applylazyloadingwithloading = "lazy" tooptimizeperformance.4）

HTMLの目的：Webブラウザがコンテンツを表示できるようにするMay 03, 2025 am 12:03 AM

HTMLの中心的な目的は、ブラウザがWebコンテンツを理解して表示できるようにすることです。 1。HTMLは、タグなどのタグを介してWebページの構造とコンテンツを定義します。 3.HTMLは、ユーザーの相互作用をサポートするフォーム要素を提供します。 4. HTMLコードの最適化は、HTTP要求の削減やHTMLの圧縮など、Webページのパフォーマンスを改善できます。

Web開発にとってHTMLタグが重要なのはなぜですか？May 02, 2025 am 12:03 AM

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1）theydefineLayout、semantics、and-interactivity.2）semanticagsimprovecessibility.3）opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

See all articles

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

Dreamweaver Mac版

ビジュアル Web 開発ツール

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。