HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLシンボル:HTML文字エンティティの使用

HTMLページにテキストを書き込むときは、キーボードで必ずしもすぐに使用できるとは限らない文字、またはHTMLで特別な意味を持つ予約文字である文字を使用する必要があります。これらはエンティティと呼ばれます。この記事では、コードでこれらの特殊文字を使用する方法を確認し、一般的に使用されるエンティティのいくつかへの参照を提供します。

シンボルの使用方法を説明する1つの方法は、画面にレンダリングするコードブロックを作成することです。実行時にHTMLコードを画面に表示しようとする際の問題の1つは、HTMLを実行する必要があることです。

< および> HTMLで予約されている文字です。これを回避するために、これらの文字をHTMLエンティティと呼ばれるものに置き換えることができます。エンティティは、基本的にHTML文字コードの別名です。これらをコードで使用して、生のコードブロックを画面に表示する方法は次のとおりです。

 <!DOCTYPE html>      repl.it      <!-ブロックは、このHTMLのレンダリング中->

有名な野球選手

  • ベイブルース
  • ミッキーマントル
  • ノーランライアン
&ltcode>
<!-特殊文字を文字参照に置き換えます-> <!-&nbsp; ===ノーブレークスペース(4つのスペース===タブ)&lt; ===<&gt; ===>&sol; ===/ ->&NBSP;&NBSP;&NBSP;&NBSP;&LT; P>有名な野球選手<&ゾル; P>
&NBSP&NBSP&NBSP&NBSP&ltul>
&NBSP&NBSP&NBSP&NBSP&NBSP&NBSP&NBSP&NBSP&ltli>ベーブルース<&ゾル; LI>
&NBSP&NBSP&NBSP&NBSP&NBSP&NBSP&NBSP&NBSP&ltli>ミッキーマントル<&sol; li>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&ltli>ノーランライアン<&sol; li>
&nbsp&nbsp&nbsp&nbsp <&sol; ul>
&lt / code> 最初のコードブロックの周りのタグは、HTMLの処理を停止しませんでした。 の2番目のセット タグ(文字コード付き)は、HTMLを評価するのではなく、生のコードを画面にレンダリングします。

キャラクターエンティティの使用方法

HTMLで文字を使用するには、16進コード、数値コード、エンティティコード/文字名の3つの方法があります。 3つすべてがで始まります 。次にいくつかの例を示します。

シンボル キャラクター名 10進コード 16進コード 説明
< &lt; &#60; &#x3C; 未満
© &copy; &#169; &#xA9; 著作権
&amp; &#38; &#x26; アンパサンド

コードは、HTML4で作成されたエンティティとかなり互換性があります。これの多くは試行錯誤です。必ずしもそれほど頻繁に使用するわけではないので、このすべての情報を記号に覚えようとすることに時間を費やさないでください。 W3Schoolsには、テキストで使用できるすべてのエンティティに関する非常に優れたリファレンスがあります。このリンクは、HTML4の時点で導入されたすべてのシンボルから始まります。同じサイトの次の章には、利用可能なすべての新しいシンボルがあります。コードを書き出す方法が3つすべてあるものもあれば、ないものもあります。すべてのブラウザと互換性のあるものとそうでないものがあります。

参加者の81%は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

つまり、シンボルに注意し、シンボルが存在することを認識し、プロジェクトで使用できるようにコードを検索する方法を知ってください。本当にこれですべてです。試行錯誤しながらそれを続けてください、そうすればあなたはすぐにそれを手に入れるでしょう!


  1. HTMLDOMコードオブジェクト

    HTML DOM Codeオブジェクトは、HTML5タグに関連付けられています。これは、要素内でコードを囲むことによってコードをマークアップするために使用されます。 Codeオブジェクトは基本的に要素を表します。 構文 以下は、-の構文です。 コードオブジェクトの作成- var a = document.createElement("CODE"); 例 HTMLDOMコードオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <p>Click the below button t

  2. HTMLシンボル

    HTML記号は、通常のキーボードには存在しない多くの物理、数学、技術、および通貨記号を指します。したがって、このようなシンボルをWebページに設定するには、HTMLエンティティ名を使用します。エンティティ名が存在しない場合は、10進数または16進数の参照であるエンティティ番号を使用できます。 構文 以下は構文です- &entityName; または &#entityHexcode; または &#entityHexadecimalcode; HTMLシンボルの例を見てみましょう: 例 <!DOCTYPE html> <html> <s