検索
ホームページウェブフロントエンドhtmlチュートリアルXHTML_HTML/Xhtml_Web ページ制作における共通タグの整理

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

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. html>
  2. > ... >
  3. ボディ>
  4. p>テキスト段落とその他のテキスト コンテンツ p>
  5. ボディ>
  6. html>

タグ

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

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. >
  2. title>XHTML タグ - XHTML チュートリアルタイトル>
  3. >
  4. ボディ>ボディ> タグ

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

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

で定義されます。
XML/HTML コードコンテンツをクリップボードにコピー
  1. h1>レベル 1 タイトル h1>
  2. h1>レベル 2 タイトル h1>
  3. 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 までご連絡ください。
如何在Chrome和Edge的所有选项卡中搜索文本如何在Chrome和Edge的所有选项卡中搜索文本Feb 19, 2024 am 11:30 AM

本教程向您展示了如何在Windows的Chrome或Edge中找到所有打开的标签页上的特定文本或短语。有没有办法在Chrome中所有打开的标签页上进行文本搜索?是的,您可以使用Chrome中的免费外部Web扩展在所有打开的标签上执行文本搜索,无需手动切换标签。一些扩展如TabSearch和Ctrl-FPlus可以帮助您轻松实现这一功能。如何在GoogleChrome的所有选项卡中搜索文本?Ctrl-FPlus是一个免费的扩展,它方便用户在浏览器窗口的所有选项卡中搜索特定的单词、短语或文本。这个扩

抖音怎么带标签引流?平台什么标签最容易引流?抖音怎么带标签引流?平台什么标签最容易引流?Mar 22, 2024 am 10:28 AM

抖音作为一款备受欢迎的短视频社交平台,拥有着庞大的用户群体。对于抖音创作者来说,带标签引流是一种有效提升内容曝光度和吸引关注的方法。那么,抖音怎么带标签引流呢?本文将为您详细解答这个问题,并介绍相关技巧。一、抖音怎么带标签引流?发布视频时,要确保选择与内容相关的标签。这些标签应涵盖视频的主题和关键词,以便让用户通过标签更容易找到您的视频。利用流行标签是增加视频曝光的有效方法。研究当前热门标签和趋势,将其巧妙地融入视频描述和标签中。这些热门标签通常具有更高的曝光度,能够吸引更多观众的关注。3.标签

抖音标签后面的时钟是什么?怎么给抖音账号打标签呢?抖音标签后面的时钟是什么?怎么给抖音账号打标签呢?Mar 24, 2024 pm 03:46 PM

在浏览抖音作品时,我们经常能看到标签后面有一个时钟图标。那么,这个时钟到底是什么呢?本文将围绕“抖音标签后面的时钟是什么”展开讨论,希望为您的抖音使用提供一些有益的参考。一、抖音标签后面的时钟是什么?抖音会推出一些热门话题挑战,用户参与时会在标签后看到一个时钟图标,这代表作品正在参与话题挑战,并显示挑战的剩余时间。对于一些具有时效性的内容,如节假日、特殊活动等,抖音会在标签后面附上时钟图标,提醒用户该内容的有效期限。3.热门标签:当某个标签变得热门时,抖音会在标签后面添加时钟图标,表示这个标签正

深入了解HTML中的video元素深入了解HTML中的video元素Feb 24, 2024 pm 08:18 PM

HTML中video视频标签详解HTML5中的video标签是一种用于在网页上播放视频的标签。它可以使用不同的格式来呈现视频,例如MP4、WebM、Ogg等等。在本篇文章中,我们将详细介绍video标签的使用方法,并提供具体的代码示例。基本结构下面是video标签的基本结构:

钉钉app外部联系人标签怎么删除钉钉app外部联系人标签怎么删除Feb 24, 2024 am 08:20 AM

钉钉app外部联系人标签怎么删除?钉钉中是可以删除外部联系人标签的功能,但是多数小伙伴不知道钉钉外部联系人标签如何的删除,接下来就是小编为用户带来的钉钉app外部联系人标签删除方法图文教程,感兴趣的用户快来一起看看吧!钉钉app外部联系人标签怎么删除1、首先打开钉钉APP,主页面中点击如下图所示的【管理】功能;2、然后进入到企业管理的界面,找到其中的【外部联系人】;3、接着在外部联系人设置功能页,选择【标签管理】服务;4、之后在联系人标签主页面,选择你需要删除的标签组类型;5、最后点击标签组红色

html5标签head和header有什么区别html5标签head和header有什么区别Jan 17, 2022 am 11:10 AM

区别:1、head标签用于定义文档头部,它是所有头部元素的容器,而header标签用于定义文档的页眉(介绍信息);2、浏览器都支持head标签,而旧版本浏览器均不支持header标签,需要IE9+以上浏览器才支持header标签。

如何使用HTML和CSS实现一个具有固定导航菜单的布局如何使用HTML和CSS实现一个具有固定导航菜单的布局Oct 26, 2023 am 11:02 AM

如何使用HTML和CSS实现一个具有固定导航菜单的布局在现代网页设计中,固定导航菜单是常见的布局之一。它可以使导航菜单始终保持在页面顶部或侧边,使用户可以方便地浏览网页内容。本文将介绍如何使用HTML和CSS实现一个具有固定导航菜单的布局,并提供具体的代码示例。首先,需要创建一个HTML结构来呈现网页的内容和导航菜单。以下是一个简单的示例

如何使用 Vue 实现带标签的输入框?如何使用 Vue 实现带标签的输入框?Jun 25, 2023 am 11:54 AM

随着Web应用的发展,带标签的输入框越来越受欢迎。这种输入框可以让用户更方便地输入数据,同时也方便用户对已输入的数据进行管理和搜索。Vue是一款非常强大的JavaScript框架,它可以帮助我们快速地实现带标签的输入框。本文将介绍如何使用Vue实现带标签的输入框。第一步:创建Vue实例首先,我们需要在页面上创建Vue实例,代码如下:&l

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ヘンタイを無料で生成します。

ホットツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

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 プラットフォームで実行できます。

mPDF

mPDF

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

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

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

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

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