XHTML 入門チュートリアル: テキストの書式設定と特殊文字

XHTML 入門チュートリアル: テキストの書式設定と特殊文字
<br />このセクションでは、XHTML でテキストの書式設定と特殊文字を実装する方法について説明します。 前回のチュートリアルでは、テキストの書式設定に <b> タグを 1 回使用しました。これにより、タグ内のコンテンツが太字になります。たとえば、「<b>Rookie Bar</b>」はRookie Barと表示されます。テキストの表示方法を定義するこのタグを、テキスト形式タグ (テキスト スタイル タグなど) と呼びます。太字タグ <b> に似たタグとして、斜体タグ <i> と強調タグ <em> があります。 <b> などの XHTML タグの代わりに、CSS を使用して Web ページのスタイルを定義することをお勧めします。ここでこれらのタグを紹介する目的は、他の人の Web ページのソース コードを読むときに混乱しないようにすることです。 特殊文字(文字エンティティ)
XHTML では、「<」と「>」はタグを識別するために使用されるため特殊文字であり、タグ内の「<」と「>」はページには表示されません。では、ブラウザにこれらの特殊文字を表示させたい場合はどうすればよいでしょうか?このとき、文字エンティティを使用できます。たとえば、小なり記号「<」は、XHTML コードでは「&lt;」と記述されます。もちろん、Web デザイン ソフトウェアでは、この作業でコードを手作業で記述する必要はありません。したがって、これらの特殊文字の表示原理を理解するだけでよく、各特殊文字の表記コードを覚える必要はありません。 練習例 メモ帳を使用して、前に作成した「index.html」ファイルを開きます。ソース ファイル (赤で表示) に次の変更を加えて保存し、変更前と変更後の違いを確認してください。Web ページがこのページと同じであることを確認してください。
冬休みと夏休みの宿題を書く(数学間違いがないことを保証できませ、中国語はタイプミスがないことを保証できません、英語の宿題は他の人に書いてもらうことができます)
<br />小学4年生以下の生徒のいじめを手助けした場合は、 <b>追加料金が請求されます</b>
<br />保護者会は、保護なりすましを手助けします。
</p><!--上記コンテンツは段落です-->
文字エンティティの使い方を練習してみましょう。以前に保存した「index.html」を開き、</body> タグの前に次のコードを入力します: <p>Copyright&copy;2005-2006cainiao8.com All rights reserved</p>
変更を保存し、Web ページを再度参照すると、次のコンテンツが表示されます。
「Copyright©2005-2006XXX 著作権番号」ソースコード内の「&copy」がブラウザでは「@」として表示されていることに気が付きました。あなたのウェブページがこのページと同じであることを再度確認してください。完了です。 タグの順序について テキスト書式設定タグについて学習した後、単語を同時に太字と斜体で表示したい場合はどうすればいいのか疑問に思うかもしれません。二重タグ <b> と <i> を追加するだけという簡単な作業でしょうか?それは正しい。次の例を見てください。
<b><i>私は2つのラベルに囲まれています! </i></b>
ブラウザには2 つのタグに囲まれた状態で表示されます。
ここで注意する必要があるのは、タグの順序だけです。上記のタグの順序を <b><i>I am around by two tags! と記述すると、 </b></i> の場合、一般的なブラウザではエラーは発生しません。しかし、これは XHTML 標準に準拠していません。必ず順番にタグを閉じてください。

<<:  Docker を使用してイメージをローカルにパッケージ化してデプロイする方法

>>:  Mysql の varchar 型に関する注意点

推薦する

Linuxプロセス通信におけるFIFOの実装

FIFO通信(先入れ先出し)関連のないプロセス間の通信を可能にする FIFO 名前付きパイプ。パイプ...

CentOS7でXShellとネットワーク設定を接続する方法

1. Linuxネットワーク構成ネットワークを構成する前に、まずローカル IPv4 アドレスやデフォ...

Vue Element フロントエンドアプリケーション開発: Vuex での API ストアビューの使用

目次概要1. フロントエンドとバックエンドの分離とWeb APIの優先ルート設計2. Axiosネッ...

MySQLカスタム関数とストアドプロシージャの詳細な説明

序文この記事では主にMySQLのカスタム関数とストアドプロシージャに関する関連コンテンツを紹介し、皆...

JavaScript によるデータ視覚化: ECharts マップの作成

目次概要予防1. 使用方法2. 実装手順予備実装コード効果: Geo共通設定上記の構成を追加した後の...

UrlRewriter のキャッシュ問題と関連する一連の調査

ウェブサイト機能を開発する場合、セッション キャッシュを時間内にクリアできません。一連の探索が始まり...

TypeScript における列挙型の理解と応用シナリオ

目次1. 何ですか2. 使用数値列挙文字列列挙異種列挙自然3. 応用シナリオ要約する1. 何ですか列...

getdata テーブル テーブル データ 結合 mysql メソッド

パブリック関数 json_product_list($where, $order){ グローバル ...

CSSはフロートをシミュレートして、画像の左右を囲む中央テキストの効果を実現します。

画像の周囲にテキストを折り返すとは何ですか?これは次の図の効果です。 エフェクトのCSSコードはここ...

Vue は携帯電話の認証コードによるログインを実装します

この記事では、携帯電話認証コードログインを実装するためのVueの具体的なコードを参考までに共有します...

DockerにTomcat8をインストールする方法

1. dockerでtomcat8をインストールする1. Docker HubでTomcatイメージ...

あまり使われていない、または誤解されている HTML タグ 10 個

ここでは、あまり使われていない、または誤解されている 10 個の HTML タグを紹介します。あまり...

MACでMYSQLデータベースのパスワードを忘れた場合の解決策

Mac オペレーティングシステムで MYSQL データベースのパスワードを忘れた場合の簡単な解決策1...

純粋な CSS3 で水平無限スクロールを実装するためのサンプル コード

この記事の例はすべて小さなプログラムで書かれていますが、実装される機能には影響しません。 wxmlル...

Docker-compose ネットワークの詳細な例

今日は Docker でのネットワーク設定を試し、後で忘れないようにプロセスを記録しました。 (シス...