このツールについて
文字列をHTMLエンコードするためのオンラインツール。この無料のオンラインhtmlエンコーダユーティリティを使用して、テキストをhtmlエンコードされた文字列に変換します。
HTMLエンコードツールの説明
HTML文字エンコーダーは、該当するすべての文字を対応するHTMLエンティティに変換します。特定の文字はHTMLで特別な意味を持っており、その意味を保持するために正しいHTMLエンティティに変換する必要があります。
HTMLエンコーダーの例
エンコード前：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</nav>
<br>
<div class="container-fluid">
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
<p>The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).</p>
</div>
</body>
</html>
エンコーダー後
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</nav>
<br>
<div class="container-fluid">
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
<p>The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).</p>
</div>
</body>
</html>
HTMLの予約済みエンティティ、記号、文字
この表は、予約済みのHTMLエンティティのリストとそれに関連する文字および説明を示しています。
| キャラクター | エンティティ名 | 説明 |
|---|---|---|
| 「」 | ＆quot; | クォーテーションマーク |
| ' | ＆apos; | アポストロフィ |
| ＆ | ＆amp; | アンパサンド |
| < | ＆lt; | 未満 |
| >> | ＆gt; | 大なり記号 |
| ＆nbsp; | ノーブレークスペース | |
| ¡ | ＆iexcl; | 逆感嘆符 |
| ¢ | ＆セント; | セント |
| ££ | ＆ポンド; | ポンド |
| ¤ | ＆curren; | 通貨 |
| ¥ | ＆円; | 円 |
| ¦ | ＆brvbar; | 壊れた垂直バー |
| § | ＆宗派; | セクション |
| ¨ | ＆uml; | 間隔分音記号 |
| © | ＆コピー; | 著作権 |
| ª | ＆ordf; | 女性の序数標識 |
| « | ＆laquo; | 角度引用符（左） |
| ¬ | ＆いいえ; | 否定 |
| | ＆シャイ; | ソフトハイフン |
| ® | ＆reg; | 登録商標 |
| ¯ | ＆macr; | 間隔マクロン |
| °° | ＆deg; | 程度 |
| ±± | ＆plusmn; | プラスかマイナス |
| ² | ＆sup2; | 上付き文字2 |
| ³ | ＆sup3; | 上付き文字3 |
| ´ | ＆急性; | 急性の間隔 |
| µ | ＆micro; | マイクロ |
| ¶ | ＆para; | 段落 |
| ・ | · | middle dot |
| ¸ | ¸ | spacing cedilla |
| ¹ | ¹ | superscript 1 |
| º | º | masculine ordinal indicator |
| » | » | angle quotation mark (right) |
| ¼ | ¼ | fraction 1/4 |
| ½ | ½ | fraction 1/2 |
| ¾ | ¾ | fraction 3/4 |
| ¿ | ¿ | inverted question mark |
| × | × | multiplication |
| ÷ | ÷ | division |
| À | À | capital a, grave accent |
| Á | Á | capital a, acute accent |
| Â | Â | capital a, circumflex accent |
| Ã | Ã | capital a, tilde |
| Ä | Ä | capital a, umlaut mark |
| Å | Å | capital a, ring |
| Æ | Æ | capital ae |
| Ç | Ç | capital c, cedilla |
| È | È | capital e, grave accent |
| É | É | capital e, acute accent |
| Ê | Ê | capital e, circumflex accent |
| Ë | Ë | capital e, umlaut mark |
| Ì | Ì | capital i, grave accent |
| Í | Í | capital i, acute accent |
| Î | Î | capital i, circumflex accent |
| Ï | Ï | capital i, umlaut mark |
| Ð | Ð | capital eth, Icelandic |
| Ñ | Ñ | capital n, tilde |
| Ò | Ò | capital o, grave accent |
| Ó | Ó | capital o, acute accent |
| Ô | Ô | capital o, circumflex accent |
| Õ | Õ | capital o, tilde |
| Ö | Ö | capital o, umlaut mark |
| Ø | Ø | capital o, slash |
| Ù | Ù | capital u, grave accent |
| Ú | Ú | capital u, acute accent |
| Û | Û | capital u, circumflex accent |
| Ü | Ü | capital u, umlaut mark |
| Ý | Ý | capital y, acute accent |
| Þ | Þ | capital THORN, Icelandic |
| ß | ß | small sharp s, German |
| à | à | small a, grave accent |
| á | á | small a, acute accent |
| â | â | small a, circumflex accent |
| ã | ã | small a, tilde |
| ä | ä | small a, umlaut mark |
| å | å | small a, ring |
| æ | æ | small ae |
| ç | ç | small c, cedilla |
| è | è | small e, grave accent |
| é | é | small e, acute accent |
| ê | ê | small e, circumflex accent |
| ë | ë | small e, umlaut mark |
| ì | ì | small i, grave accent |
| í | í | small i, acute accent |
| î | î | small i, circumflex accent |
| ï | ï | small i, umlaut mark |
| ð | ð | small eth, Icelandic |
| ñ | ñ | small n, tilde |
| ò | ò | small o, grave accent |
| ó | ó | small o, acute accent |
| ô | ô | small o, circumflex accent |
| õ | õ | small o, tilde |
| ö | ö | small o, umlaut mark |
| ø | ø | small o, slash |
| ù | ù | small u, grave accent |
| ú | ú | small u, acute accent |
| û | û | small u, circumflex accent |
| ü | ü | small u, umlaut mark |
| ý | ý | small y, acute accent |
| þ | þ | small thorn, Icelandic |
| ÿ | ÿ | small y, umlaut mark |
