html5cssjs代码 021 实体字符参考

html5&css&js代码 021 实体字符参考

  • 一、代码
  • 二、解释

HTML实体是一种用于表示特殊字符的编码方式。在HTML中,有一些字符具有特殊的含义,如小于号 (<) 和大于号 (>) 是用于标签的起始和结束,如果直接在HTML文档中使用这些字符,会被解析为标签,而不是作为普通字符显示。为了在HTML中显示这些特殊字符,可以使用实体编码来表示它们。

一、代码

<!DOCTYPE html>
<html lang="zh-cn">
<head><title>编程笔记 html5&css&js 实体字符参考</title><meta charset="utf-8"/><style>/* 选择你喜欢的颜色吧 *//* 页面整体样式 */body {color: cyan; /* 文字颜色 */background-color: teal; /* 背景颜色 */margin: 20px; /* 页面边距 */}/* 父容器样式,用于实现居中布局 */.parent-container {display: flex; /* 使用Flex布局 */justify-content: center; /* 水平居中 *//* 设置元素在交叉轴方向上居中对齐 */align-items: center;/* 设置多根轴线在交叉轴方向上居中对齐 */align-content: center;}/* 子元素(待居中div)样式 */.child {display: flex;flex-direction: column; /* 子元素垂直布局 */width: 70%; /* 宽度设置 */align-items: center;align-content: center;}/* 表格样式 */table {width: 90%; /* 表格宽度 */border-collapse: collapse; /* 边框合并 */border: 3px solid black; /* 表格边框 */align-self: center; /* 自动居中 */margin: 0 auto;}/* 段落样式 */p {width: 70%; /* 段落宽度 */}/* 标题居中 */h1, h2 {text-align: center;}/* 分隔线样式 */hr {width: 90%; /* 分隔线宽度 */}/* 表格头和单元格样式 */th, td {border: 1px solid black; /* 边框样式 */text-align: left; /* 文本对齐方式 */padding: 15px; /* 内边距 */}</style></head>
<body>
<div class="parent-container"><div class="child"><h1>HTML实体</h1><div><h2>ISO-8859-1</h2><p>ISO-8859-1 是 HTML 4.01 中的默认字符。</p><p>ISO(International StandardsOrganization,国际标准组织)为不同的字母/语言定义了标准字符集。</p><p>本页底部列出了 ISO-8859 的不同变体。</p></div><hr><div><h2>ISO-8859-1 字符集</h2><p>ISO-8859-1 的第一部分(实体编号为 0-127)是原始 ASCII字符集。它包含数字、大写和小写英文字母以及一些特殊字符。</p><table class="dataintable"><tbody><tr><th style="width: 15%">字符</th><th style="width: 15%">实体编号</th><th style="width: 15%">实体名称</th><th style="width: 55%">描述</th></tr><tr><td>&nbsp;</td><td>0 - 31</td><td>&nbsp;</td><td>Control characters</td></tr><tr><td>&nbsp;</td><td>32</td><td>&nbsp;</td><td>space</td></tr><tr><td>!</td><td>33</td><td>&nbsp;</td><td>exclamation mark</td></tr><tr><td>"</td><td>34</td><td>&amp;quot;</td><td>quotation mark</td></tr><tr><td>#</td><td>35</td><td>&nbsp;</td><td>number sign</td></tr><tr><td>$</td><td>36</td><td>&nbsp;</td><td>dollar sign</td></tr><tr><td>%</td><td>37</td><td>&nbsp;</td><td>percent sign</td></tr><tr><td>&amp;</td><td>38</td><td>&amp;amp;</td><td>ampersand</td></tr><tr><td>'</td><td>39</td><td>&nbsp;</td><td>apostrophe</td></tr><tr><td>(</td><td>40</td><td>&nbsp;</td><td>left parenthesis</td></tr><tr><td>)</td><td>41</td><td>&nbsp;</td><td>right parenthesis</td></tr><tr><td>*</td><td>42</td><td>&nbsp;</td><td>asterisk</td></tr><tr><td>+</td><td>43</td><td>&nbsp;</td><td>plus sign</td></tr><tr><td>,</td><td>44</td><td>&nbsp;</td><td>comma</td></tr><tr><td>-</td><td>45</td><td>&nbsp;</td><td>hyphen-minus</td></tr><tr><td>.</td><td>46</td><td>&nbsp;</td><td>full stop</td></tr><tr><td>/</td><td>47</td><td>&nbsp;</td><td>solidus</td></tr><tr><td>0</td><td>48</td><td>&nbsp;</td><td>digit zero</td></tr><tr><td>1</td><td>49</td><td>&nbsp;</td><td>digit one</td></tr><tr><td>2</td><td>50</td><td>&nbsp;</td><td>digit two</td></tr><tr><td>3</td><td>51</td><td>&nbsp;</td><td>digit three</td></tr><tr><td>4</td><td>52</td><td>&nbsp;</td><td>digit four</td></tr><tr><td>5</td><td>53</td><td>&nbsp;</td><td>digit five</td></tr><tr><td>6</td><td>54</td><td>&nbsp;</td><td>digit six</td></tr><tr><td>7</td><td>55</td><td>&nbsp;</td><td>digit seven</td></tr><tr><td>8</td><td>56</td><td>&nbsp;</td><td>digit eight</td></tr><tr><td>9</td><td>57</td><td>&nbsp;</td><td>digit nine</td></tr><tr><td>:</td><td>58</td><td>&nbsp;</td><td>colon</td></tr><tr><td>;</td><td>59</td><td>&nbsp;</td><td>semicolon</td></tr><tr><td>&lt;</td><td>60</td><td>&amp;lt;</td><td>less-than sign</td></tr><tr><td>=</td><td>61</td><td>&nbsp;</td><td>equals sign</td></tr><tr><td>&gt;</td><td>62</td><td>&amp;gt;</td><td>greater-than sign</td></tr><tr><td>?</td><td>63</td><td>&nbsp;</td><td>question mark</td></tr><tr><td>@</td><td>64</td><td>&nbsp;</td><td>commercial at</td></tr><tr><td>A</td><td>65</td><td>&nbsp;</td><td>Latin capital letter A</td></tr><tr><td>B</td><td>66</td><td>&nbsp;</td><td>Latin capital letter B</td></tr><tr><td>C</td><td>67</td><td>&nbsp;</td><td>Latin capital letter C</td></tr><tr><td>D</td><td>68</td><td>&nbsp;</td><td>Latin capital letter D</td></tr><tr><td>E</td><td>69</td><td>&nbsp;</td><td>Latin capital letter E</td></tr><tr><td>F</td><td>70</td><td>&nbsp;</td><td>Latin capital letter F</td></tr><tr><td>G</td><td>71</td><td>&nbsp;</td><td>Latin capital letter G</td></tr><tr><td>H</td><td>72</td><td>&nbsp;</td><td>Latin capital letter H</td></tr><tr><td>I</td><td>73</td><td>&nbsp;</td><td>Latin capital letter I</td></tr><tr><td>J</td><td>74</td><td>&nbsp;</td><td>Latin capital letter J</td></tr><tr><td>K</td><td>75</td><td>&nbsp;</td><td>Latin capital letter K</td></tr><tr><td>L</td><td>76</td><td>&nbsp;</td><td>Latin capital letter L</td></tr><tr><td>M</td><td>77</td><td>&nbsp;</td><td>Latin capital letter M</td></tr><tr><td>N</td><td>78</td><td>&nbsp;</td><td>Latin capital letter N</td></tr><tr><td>O</td><td>79</td><td>&nbsp;</td><td>Latin capital letter O</td></tr><tr><td>P</td><td>80</td><td>&nbsp;</td><td>Latin capital letter P</td></tr><tr><td>Q</td><td>81</td><td>&nbsp;</td><td>Latin capital letter Q</td></tr><tr><td>R</td><td>82</td><td>&nbsp;</td><td>Latin capital letter R</td></tr><tr><td>S</td><td>83</td><td>&nbsp;</td><td>Latin capital letter S</td></tr><tr><td>T</td><td>84</td><td>&nbsp;</td><td>Latin capital letter T</td></tr><tr><td>U</td><td>85</td><td>&nbsp;</td><td>Latin capital letter U</td></tr><tr><td>V</td><td>86</td><td>&nbsp;</td><td>Latin capital letter V</td></tr><tr><td>W</td><td>87</td><td>&nbsp;</td><td>Latin capital letter W</td></tr><tr><td>X</td><td>88</td><td>&nbsp;</td><td>Latin capital letter X</td></tr><tr><td>Y</td><td>89</td><td>&nbsp;</td><td>Latin capital letter Y</td></tr><tr><td>Z</td><td>90</td><td>&nbsp;</td><td>Latin capital letter Z</td></tr><tr><td>[</td><td>91</td><td>&nbsp;</td><td>left square bracket</td></tr><tr><td>\</td><td>92</td><td>&nbsp;</td><td>reverse solidus</td></tr><tr><td>]</td><td>93</td><td>&nbsp;</td><td>right square bracket</td></tr><tr><td>^</td><td>94</td><td>&nbsp;</td><td>circumflex accent</td></tr><tr><td>_</td><td>95</td><td>&nbsp;</td><td>low line</td></tr><tr><td>`</td><td>96</td><td>&nbsp;</td><td>grave accent</td></tr><tr><td>a</td><td>97</td><td>&nbsp;</td><td>Latin small letter a</td></tr><tr><td>b</td><td>98</td><td>&nbsp;</td><td>Latin small letter b</td></tr><tr><td>c</td><td>99</td><td>&nbsp;</td><td>Latin small letter c</td></tr><tr><td>d</td><td>100</td><td>&nbsp;</td><td>Latin small letter d</td></tr><tr><td>e</td><td>101</td><td>&nbsp;</td><td>Latin small letter e</td></tr><tr><td>f</td><td>102</td><td>&nbsp;</td><td>Latin small letter f</td></tr><tr><td>g</td><td>103</td><td>&nbsp;</td><td>Latin small letter g</td></tr><tr><td>h</td><td>104</td><td>&nbsp;</td><td>Latin small letter h</td></tr><tr><td>i</td><td>105</td><td>&nbsp;</td><td>Latin small letter i</td></tr><tr><td>j</td><td>106</td><td>&nbsp;</td><td>Latin small letter j</td></tr><tr><td>k</td><td>107</td><td>&nbsp;</td><td>Latin small letter k</td></tr><tr><td>l</td><td>108</td><td>&nbsp;</td><td>Latin small letter l</td></tr><tr><td>m</td><td>109</td><td>&nbsp;</td><td>Latin small letter m</td></tr><tr><td>n</td><td>110</td><td>&nbsp;</td><td>Latin small letter n</td></tr><tr><td>o</td><td>111</td><td>&nbsp;</td><td>Latin small letter o</td></tr><tr><td>p</td><td>112</td><td>&nbsp;</td><td>Latin small letter p</td></tr><tr><td>q</td><td>113</td><td>&nbsp;</td><td>Latin small letter q</td></tr><tr><td>r</td><td>114</td><td>&nbsp;</td><td>Latin small letter r</td></tr><tr><td>s</td><td>115</td><td>&nbsp;</td><td>Latin small letter s</td></tr><tr><td>t</td><td>116</td><td>&nbsp;</td><td>Latin small letter t</td></tr><tr><td>u</td><td>117</td><td>&nbsp;</td><td>Latin small letter u</td></tr><tr><td>v</td><td>118</td><td>&nbsp;</td><td>Latin small letter v</td></tr><tr><td>w</td><td>119</td><td>&nbsp;</td><td>Latin small letter w</td></tr><tr><td>x</td><td>120</td><td>&nbsp;</td><td>Latin small letter x</td></tr><tr><td>y</td><td>121</td><td>&nbsp;</td><td>Latin small letter y</td></tr><tr><td>z</td><td>122</td><td>&nbsp;</td><td>Latin small letter z</td></tr><tr><td>{</td><td>123</td><td>&nbsp;</td><td>left curly bracket</td></tr><tr><td>|</td><td>124</td><td>&nbsp;</td><td>vertical line</td></tr><tr><td>}</td><td>125</td><td>&nbsp;</td><td>right curly bracket</td></tr><tr><td>~</td><td>126</td><td>&nbsp;</td><td>tilde</td></tr><tr><td>&nbsp;</td><td>127</td><td>&nbsp;</td><td>Control character</td></tr></tbody></table></div><hr><div><h2>ISO-8859-1 和 Windows-1252</h2><p>ISO-8859-1 与 Windows-1252 非常相似。</p><p>在 ISO-8859-1 中,未定义 128 到 159 之间的字符。</p><p>在 Windows-1252 中,从 12 8到 159 的字符用于某些有用的符号。</p><p>由于许多网站都声明 ISO-8859-1 并使用从 128 到 159的值,就好像它们使用的是 Windows-1252一样,大多数浏览器将显示 Windows-1252 字符集中的这些字符。</p><table class="dataintable"><tbody><tr><th style="width: 15%">字符</th><th style="width: 15%">实体编号</th><th style="width: 15%">实体名称</th><th>描述</th></tr><tr><td>€</td><td>128</td><td>&amp;euro;</td><td>euro sign</td></tr><tr><td>&nbsp;</td><td>129</td><td>&nbsp;</td><td>NOT USED</td></tr><tr><td>‚</td><td>130</td><td>&amp;sbquo;</td><td>single low-9 quotation mark</td></tr><tr><td>ƒ</td><td>131</td><td>&amp;fnof;</td><td>Latin small letter f with hook</td></tr><tr><td>„</td><td>132</td><td>&amp;bdquo;</td><td>double low-9 quotation mark</td></tr><tr><td>…</td><td>133</td><td>&amp;hellip;</td><td>horizontal ellipsis</td></tr><tr><td>†</td><td>134</td><td>&amp;dagger;</td><td>dagger</td></tr><tr><td>‡</td><td>135</td><td>&amp;Dagger;</td><td>double dagger</td></tr><tr><td>ˆ</td><td>136</td><td>&amp;circ;</td><td>modifier letter circumflex accent</td></tr><tr><td>‰</td><td>137</td><td>&amp;permil;</td><td>per mille sign</td></tr><tr><td>Š</td><td>138</td><td>&amp;Scaron;</td><td>Latin capital letter S with caron</td></tr><tr><td>‹</td><td>139</td><td>&amp;lsaquo;</td><td>single left-pointing angle quotation mark</td></tr><tr><td>Œ</td><td>140</td><td>&amp;OElig;</td><td>Latin capital ligature OE</td></tr><tr><td>&nbsp;</td><td>141</td><td>&nbsp;</td><td>NOT USED</td></tr><tr><td>Ž</td><td>142</td><td>&amp;Zcaron;</td><td>Latin capital letter Z with caron</td></tr><tr><td>&nbsp;</td><td>143</td><td>&nbsp;</td><td>NOT USED</td></tr><tr><td>&nbsp;</td><td>144</td><td>&nbsp;</td><td>NOT USED</td></tr><tr><td>‘</td><td>145</td><td>&amp;lsquo;</td><td>left single quotation mark</td></tr><tr><td>’</td><td>146</td><td>&amp;rsquo;</td><td>right single quotation mark</td></tr><tr><td>“</td><td>147</td><td>&amp;ldquo;</td><td>left double quotation mark</td></tr><tr><td>”</td><td>148</td><td>&amp;rdquo;</td><td>right double quotation mark</td></tr><tr><td>•</td><td>149</td><td>&amp;bull;</td><td>bullet</td></tr><tr><td>–</td><td>150</td><td>&amp;ndash;</td><td>en dash</td></tr><tr><td>—</td><td>151</td><td>&amp;mdash;</td><td>em dash</td></tr><tr><td>˜</td><td>152</td><td>&amp;tilde;</td><td>small tilde</td></tr><tr><td>™</td><td>153</td><td>&amp;trade;</td><td>trade mark sign</td></tr><tr><td>š</td><td>154</td><td>&amp;scaron;</td><td>Latin small letter s with caron</td></tr><tr><td>›</td><td>155</td><td>&amp;rsaquo;</td><td>single right-pointing angle quotation mark</td></tr><tr><td>œ</td><td>156</td><td>&amp;oelig;</td><td>Latin small ligature oe</td></tr><tr><td>&nbsp;</td><td>157</td><td>&nbsp;</td><td>NOT USED</td></tr><tr><td>ž</td><td>158</td><td>&amp;zcaron;</td><td>Latin small letter z with caron</td></tr><tr><td>Ÿ</td><td>159</td><td>&amp;Yuml;</td><td>Latin capital letter Y with diaeresis</td></tr></tbody></table></div><hr><div><h2>ISO-8859-1 符号</h2><p>ISO-8859-1(从 160 到 191的编码)的下一部分包含常用的特殊字符。</p><table class="dataintable"><tbody><tr><th style="width: 15%">字符</th><th style="width: 15%">实体编号</th><th style="width: 15%">实体名称</th><th>描述</th></tr><tr><td>&nbsp;</td><td>&amp;#160;</td><td>&amp;nbsp;</td><td>non-breaking space</td></tr><tr><td>¡</td><td>&amp;#161;</td><td>&amp;iexcl;</td><td>inverted exclamation mark</td></tr><tr><td>¢</td><td>&amp;#162;</td><td>&amp;cent;</td><td>cent</td></tr><tr><td>£</td><td>&amp;#163;</td><td>&amp;pound;</td><td>pound</td></tr><tr><td>¤</td><td>&amp;#164;</td><td>&amp;curren;</td><td>currency</td></tr><tr><td>¥</td><td>&amp;#165;</td><td>&amp;yen;</td><td>yen</td></tr><tr><td>¦</td><td>&amp;#166;</td><td>&amp;brvbar;</td><td>broken vertical bar</td></tr><tr><td>§</td><td>&amp;#167;</td><td>&amp;sect;</td><td>section</td></tr><tr><td>¨</td><td>&amp;#168;</td><td>&amp;uml;</td><td>spacing diaeresis</td></tr><tr><td>©</td><td>&amp;#169;</td><td>&amp;copy;</td><td>copyright</td></tr><tr><td>ª</td><td>&amp;#170;</td><td>&amp;ordf;</td><td>feminine ordinal indicator</td></tr><tr><td>«</td><td>&amp;#171;</td><td>&amp;laquo;</td><td>angle quotation mark (left)</td></tr><tr><td>¬</td><td>&amp;#172;</td><td>&amp;not;</td><td>negation</td></tr><tr><td>­</td><td>&amp;#173;</td><td>&amp;shy;</td><td>soft hyphen</td></tr><tr><td>®</td><td>&amp;#174;</td><td>&amp;reg;</td><td>registered trademark</td></tr><tr><td>¯</td><td>&amp;#175;</td><td>&amp;macr;</td><td>spacing macron</td></tr><tr><td>°</td><td>&amp;#176;</td><td>&amp;deg;</td><td>degree</td></tr><tr><td>±</td><td>&amp;#177;</td><td>&amp;plusmn;</td><td>plus-or-minus</td></tr><tr><td>²</td><td>&amp;#178;</td><td>&amp;sup2;</td><td>superscript 2</td></tr><tr><td>³</td><td>&amp;#179;</td><td>&amp;sup3;</td><td>superscript 3</td></tr><tr><td>´</td><td>&amp;#180;</td><td>&amp;acute;</td><td>spacing acute</td></tr><tr><td>µ</td><td>&amp;#181;</td><td>&amp;micro;</td><td>micro</td></tr><tr><td>¶</td><td>&amp;#182;</td><td>&amp;para;</td><td>paragraph</td></tr><tr><td>·</td><td>&amp;#183;</td><td>&amp;middot;</td><td>middle dot</td></tr><tr><td>¸</td><td>&amp;#184;</td><td>&amp;cedil;</td><td>spacing cedilla</td></tr><tr><td>¹</td><td>&amp;#185;</td><td>&amp;sup1;</td><td>superscript 1</td></tr><tr><td>º</td><td>&amp;#186;</td><td>&amp;ordm;</td><td>masculine ordinal indicator</td></tr><tr><td>»</td><td>&amp;#187;</td><td>&amp;raquo;</td><td>angle quotation mark (right)</td></tr><tr><td>¼</td><td>&amp;#188;</td><td>&amp;frac14;</td><td>fraction 1/4</td></tr><tr><td>½</td><td>&amp;#189;</td><td>&amp;frac12;</td><td>fraction 1/2</td></tr><tr><td>¾</td><td>&amp;#190;</td><td>&amp;frac34;</td><td>fraction 3/4</td></tr><tr><td>¿</td><td>&amp;#191;</td><td>&amp;iquest;</td><td>inverted question mark</td></tr></tbody></table></div><hr><div><h2>ISO-8859-1 字符</h2><p>ISO-8859-1 的较高部分(从 192 到 255 的编码,215 和 247除外)包含西欧国家/地区使用的字符。</p><table class="dataintable"><tbody><tr><th style="width: 15%">字符</th><th style="width: 15%">实体编号</th><th style="width: 15%">实体名称</th><th>描述</th></tr><tr><td>À</td><td>&amp;#192;</td><td>&amp;Agrave;</td><td>capital a, grave accent</td></tr><tr><td>Á</td><td>&amp;#193;</td><td>&amp;Aacute;</td><td>capital a, acute accent</td></tr><tr><td>Â</td><td>&amp;#194;</td><td>&amp;Acirc;</td><td>capital a, circumflex accent</td></tr><tr><td>Ã</td><td>&amp;#195;</td><td>&amp;Atilde;</td><td>capital a, tilde</td></tr><tr><td>Ä</td><td>&amp;#196;</td><td>&amp;Auml;</td><td>capital a, umlaut mark</td></tr><tr><td>Å</td><td>&amp;#197;</td><td>&amp;Aring;</td><td>capital a, ring</td></tr><tr><td>Æ</td><td>&amp;#198;</td><td>&amp;AElig;</td><td>capital ae</td></tr><tr><td>Ç</td><td>&amp;#199;</td><td>&amp;Ccedil;</td><td>capital c, cedilla</td></tr><tr><td>È</td><td>&amp;#200;</td><td>&amp;Egrave;</td><td>capital e, grave accent</td></tr><tr><td>É</td><td>&amp;#201;</td><td>&amp;Eacute;</td><td>capital e, acute accent</td></tr><tr><td>Ê</td><td>&amp;#202;</td><td>&amp;Ecirc;</td><td>capital e, circumflex accent</td></tr><tr><td>Ë</td><td>&amp;#203;</td><td>&amp;Euml;</td><td>capital e, umlaut mark</td></tr><tr><td>Ì</td><td>&amp;#204;</td><td>&amp;Igrave;</td><td>capital i, grave accent</td></tr><tr><td>Í</td><td>&amp;#205;</td><td>&amp;Iacute;</td><td>capital i, acute accent</td></tr><tr><td>Î</td><td>&amp;#206;</td><td>&amp;Icirc;</td><td>capital i, circumflex accent</td></tr><tr><td>Ï</td><td>&amp;#207;</td><td>&amp;Iuml;</td><td>capital i, umlaut mark</td></tr><tr><td>Ð</td><td>&amp;#208;</td><td>&amp;ETH;</td><td>capital eth, Icelandic</td></tr><tr><td>Ñ</td><td>&amp;#209;</td><td>&amp;Ntilde;</td><td>capital n, tilde</td></tr><tr><td>Ò</td><td>&amp;#210;</td><td>&amp;Ograve;</td><td>capital o, grave accent</td></tr><tr><td>Ó</td><td>&amp;#211;</td><td>&amp;Oacute;</td><td>capital o, acute accent</td></tr><tr><td>Ô</td><td>&amp;#212;</td><td>&amp;Ocirc;</td><td>capital o, circumflex accent</td></tr><tr><td>Õ</td><td>&amp;#213;</td><td>&amp;Otilde;</td><td>capital o, tilde</td></tr><tr><td>Ö</td><td>&amp;#214;</td><td>&amp;Ouml;</td><td>capital o, umlaut mark</td></tr><tr><td>×</td><td>&amp;#215;</td><td>&amp;times;</td><td>multiplication</td></tr><tr><td>Ø</td><td>&amp;#216;</td><td>&amp;Oslash;</td><td>capital o, slash</td></tr><tr><td>Ù</td><td>&amp;#217;</td><td>&amp;Ugrave;</td><td>capital u, grave accent</td></tr><tr><td>Ú</td><td>&amp;#218;</td><td>&amp;Uacute;</td><td>capital u, acute accent</td></tr><tr><td>Û</td><td>&amp;#219;</td><td>&amp;Ucirc;</td><td>capital u, circumflex accent</td></tr><tr><td>Ü</td><td>&amp;#220;</td><td>&amp;Uuml;</td><td>capital u, umlaut mark</td></tr><tr><td>Ý</td><td>&amp;#221;</td><td>&amp;Yacute;</td><td>capital y, acute accent</td></tr><tr><td>Þ</td><td>&amp;#222;</td><td>&amp;THORN;</td><td>capital THORN, Icelandic</td></tr><tr><td>ß</td><td>&amp;#223;</td><td>&amp;szlig;</td><td>small sharp s, German</td></tr><tr><td>à</td><td>&amp;#224;</td><td>&amp;agrave;</td><td>small a, grave accent</td></tr><tr><td>á</td><td>&amp;#225;</td><td>&amp;aacute;</td><td>small a, acute accent</td></tr><tr><td>â</td><td>&amp;#226;</td><td>&amp;acirc;</td><td>small a, circumflex accent</td></tr><tr><td>ã</td><td>&amp;#227;</td><td>&amp;atilde;</td><td>small a, tilde</td></tr><tr><td>ä</td><td>&amp;#228;</td><td>&amp;auml;</td><td>small a, umlaut mark</td></tr><tr><td>å</td><td>&amp;#229;</td><td>&amp;aring;</td><td>small a, ring</td></tr><tr><td>æ</td><td>&amp;#230;</td><td>&amp;aelig;</td><td>small ae</td></tr><tr><td>ç</td><td>&amp;#231;</td><td>&amp;ccedil;</td><td>small c, cedilla</td></tr><tr><td>è</td><td>&amp;#232;</td><td>&amp;egrave;</td><td>small e, grave accent</td></tr><tr><td>é</td><td>&amp;#233;</td><td>&amp;eacute;</td><td>small e, acute accent</td></tr><tr><td>ê</td><td>&amp;#234;</td><td>&amp;ecirc;</td><td>small e, circumflex accent</td></tr><tr><td>ë</td><td>&amp;#235;</td><td>&amp;euml;</td><td>small e, umlaut mark</td></tr><tr><td>ì</td><td>&amp;#236;</td><td>&amp;igrave;</td><td>small i, grave accent</td></tr><tr><td>í</td><td>&amp;#237;</td><td>&amp;iacute;</td><td>small i, acute accent</td></tr><tr><td>î</td><td>&amp;#238;</td><td>&amp;icirc;</td><td>small i, circumflex accent</td></tr><tr><td>ï</td><td>&amp;#239;</td><td>&amp;iuml;</td><td>small i, umlaut mark</td></tr><tr><td>ð</td><td>&amp;#240;</td><td>&amp;eth;</td><td>small eth, Icelandic</td></tr><tr><td>ñ</td><td>&amp;#241;</td><td>&amp;ntilde;</td><td>small n, tilde</td></tr><tr><td>ò</td><td>&amp;#242;</td><td>&amp;ograve;</td><td>small o, grave accent</td></tr><tr><td>ó</td><td>&amp;#243;</td><td>&amp;oacute;</td><td>small o, acute accent</td></tr><tr><td>ô</td><td>&amp;#244;</td><td>&amp;ocirc;</td><td>small o, circumflex accent</td></tr><tr><td>õ</td><td>&amp;#245;</td><td>&amp;otilde;</td><td>small o, tilde</td></tr><tr><td>ö</td><td>&amp;#246;</td><td>&amp;ouml;</td><td>small o, umlaut mark</td></tr><tr><td>÷</td><td>&amp;#247;</td><td>&amp;divide;</td><td>division</td></tr><tr><td>ø</td><td>&amp;#248;</td><td>&amp;oslash;</td><td>small o, slash</td></tr><tr><td>ù</td><td>&amp;#249;</td><td>&amp;ugrave;</td><td>small u, grave accent</td></tr><tr><td>ú</td><td>&amp;#250;</td><td>&amp;uacute;</td><td>small u, acute accent</td></tr><tr><td>û</td><td>&amp;#251;</td><td>&amp;ucirc;</td><td>small u, circumflex accent</td></tr><tr><td>ü</td><td>&amp;#252;</td><td>&amp;uuml;</td><td>small u, umlaut mark</td></tr><tr><td>ý</td><td>&amp;#253;</td><td>&amp;yacute;</td><td>small y, acute accent</td></tr><tr><td>þ</td><td>&amp;#254;</td><td>&amp;thorn;</td><td>small thorn, Icelandic</td></tr><tr><td>ÿ</td><td>&amp;#255;</td><td>&amp;yuml;</td><td>small y, umlaut mark</td></tr></tbody></table></div><hr><div><h2>ISO-8859 的变体</h2><table class="dataintable"><tbody><tr><th style="width: 20%">编号</th><th style="width: 20%">描述</th><th>覆盖</th></tr><tr><td>8859-1</td><td>Latin 1</td><td>北美,西欧,拉丁美洲,加勒比海,加拿大,非洲。</td></tr><tr><td>8859-2</td><td>Latin 2</td><td>东欧。</td></tr><tr><td>8859-3</td><td>Latin 3</td><td>欧洲东南部,世界语,以及其他。</td></tr><tr><td>8859-4</td><td>Latin 4</td><td>斯堪的纳维亚/波罗的海(以及 ISO-8859-1中未包含的其他语言)。</td></tr><tr><td>8859-5</td><td>Latin/Cyrillic</td><td>西里尔字母。保加利亚语,白俄罗斯语,俄语和马其顿语。</td></tr><tr><td>8859-6</td><td>Latin/Arabic</td><td>阿拉伯字母。</td></tr><tr><td>8859-7</td><td>Latin/Greek</td><td>现代希腊字母和源自希腊语的数学符号。</td></tr><tr><td>8859-8</td><td>Latin/Hebrew</td><td>希伯来语字母。</td></tr><tr><td>8859-9</td><td>Latin/Turkish</td><td>土耳其字母。与 ISO-8859-1相同,除了土耳其语字符取代了冰岛语。</td></tr><tr><td>8859-10</td><td>Latin/Nordic</td><td>北欧字母。拉普兰,北欧,爱斯基摩语。</td></tr><tr><td>8859-15</td><td>Latin 9 (Latin 0)</td><td>类似于ISO-8859-1,但是用欧元符号和一些其他丢失的字符替换了一些不太常见的符号。</td></tr><tr><td>2022-JP</td><td>Latin/Japanese 1</td><td>日语字母第 1 部分。</td></tr><tr><td>2022-JP-2</td><td>Latin/Japanese 2</td><td>日语字母第 2 部分。</td></tr><tr><td>2022-KR</td><td>Latin/Korean 1</td><td>韩文字母。</td></tr></tbody></table></div><hr/><p>根据本例代码,就知道这些实体在网页中如何显示。</p><p>资料来源:https://www.w3school.com.cn/</p><p>HTML实体是一种在HTML文档中表示特殊字符的方法,它用来确保浏览器正确解析和显示那些具有特定含义或无法直接输入的字符。在HTML中,一些字符(如<、>、&、" 和 ')因为它们有特殊的语法用途(例如用于定义标签、实体引用或其他结构),所以不能直接在文本内容中使用。HTML实体通常有两种表示形式:实体名称:以`&`开始,后跟实体名称,最后以;结束。例如:小于号 `(<)` 的实体名称是 `&lt;`,所以要显示 `<` 字符本身,需要写成 `&lt;`。大于号 `(>)` 的实体名称是 `&gt;`,因此显示大于号时应写为 `&gt;`。实体编号:同样以`&`开始,但后面跟随的是井字号 `(#)` 加上字符对应的十进制或十六进制Unicode编码,最后也以;结束。例如:小于号 `(<)` 的实体编号是 `&#60;` 或 `&#x3C;`。空格字符可以使用实体编号 `&#160;` 或 `&#xA0;` 来插入非换行空格。使用HTML实体可以帮助网页开发者避免因特殊字符导致的语法错误,并确保这些字符按照预期显示给用户,而不是被浏览器当作HTML代码来解析。</p></div>
</div>
</body>
<footer style="text-align: center;margin: 30px;font-size: 1.5rem;font-weight: bold;color: #ffcc00;">HTML+CSS+JavaScript编程配套代码 作者:明月看潮生
</footer>
</html>

二、解释

HTML实体是一种用于表示特殊字符的编码方式。在HTML中,有一些字符具有特殊的含义,如小于号 (<) 和大于号 (>) 是用于标签的起始和结束,如果直接在HTML文档中使用这些字符,会被解析为标签,而不是作为普通字符显示。为了在HTML中显示这些特殊字符,可以使用实体编码来表示它们。

HTML实体由一个实体名称或实体编号组成,使用特殊的格式来表示。例如,小于号可以用实体名称&lt;或实体编号&#60;来表示。

HTML实体可以用于表示各种特殊字符,包括但不限于:小于号 (<)、大于号 (>)、和号 (&)、引号 (")、撇号 (')、版权符号 (©)、注册商标符号 (®)等。

使用HTML实体可以确保在HTML文档中正确显示特殊字符,特别是在需要展示特殊字符的地方,如文章内容、表单输入等。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/747876.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

webshell流量特征

webshell工具流量特征 - i苏沐辰 - 博客园 (cnblogs.com) 菜刀 作为老牌 Webshell 管理神器&#xff0c;中国菜刀的攻击流量特征明显&#xff0c;容易被各类安全设备检测&#xff0c;实际场景中越来越少使用&#xff0c;加密 Webshell 正变得日趋流行。 UA字段 通常为百度&…

WIFI 7技术的应用前景

随着WIFI 7技术的不断成熟和普及&#xff08;如果对WIFI 7技术不太了解的&#xff0c;可以点击链接去查看一下这篇文章WIFI7&#xff1a;开启无线通信新纪元 &#xff09;&#xff0c;我们正迎来一个数字连接的全新时代。WIFI 7作为新一代无线网络标准&#xff0c;将极大的改变…

Selenium 是什么?简单了解Selenium

Selenium Selenium 是什么 Selenium 是一款 Web UI 测试工具&#xff0c;是一款 自动化测试 工具&#xff0c;使用 Selenium 测试工具进行的测试通常被称为 Selenium Testing&#xff0c;各种支持如下列表&#xff1a; UI 元素的支持与管理&#xff1a;自写代码实现浏览器支…

【Qt】用Qt开发需要购买授权吗?——关于(L)GPL证书的详解

目录 Qt证书体系开源证书解读Qt官方对(L)GPL的描述自由度要求 GPL vs. LGPL完整条款 总结参考 Qt证书体系 你在用Qt开发应用的过程中&#xff0c;是否也担心过授权问题&#xff1f; 按照官方说法 The Qt framework is dual-licensed, available under both commercial and op…

Leetcode 3.15

Leetcode hot100 二叉树1.二叉搜索树中第K小的元素2.二叉树展开为链表3.从前序与中序遍历序列构造二叉树 二叉树 1.二叉搜索树中第K小的元素 二叉搜索树中第K小的元素 最重要的知识点&#xff1a;二叉树搜索树的中序遍历是升序的。 方法一&#xff1a;我们只需存储升序遍历&…

鸿蒙Harmony应用开发—ArkTS声明式开发(容器组件:ListItemGroup)

该组件用来展示列表item分组&#xff0c;宽度默认充满List组件&#xff0c;必须配合List组件来使用。 说明&#xff1a; 该组件从API Version 9开始支持。后续版本如有新增内容&#xff0c;则采用上角标单独标记该内容的起始版本。该组件的父组件只能是List。 使用说明 当List…

Docker使用(四)Docker常见问题分析和解决收集整理

Docker使用(四)Docker常见问题分析和解决收集整理 五、常见问题 1、 启动异常 【描述】&#xff1a; 【分析】&#xff1a;[rootlocalhost ~]# systemctl status docker 【解决】&#xff1a; &#xff08;1&#xff09;卸载后重新安装&#xff0c;不能解决这个问题。 …

Android cmdline tools安装

打开AS 进入SDK Tools 看到了吗?那个打着勾的就是

如何将图片无损放大?

如何将图片无损放大&#xff1f; 在处理图片时&#xff0c;我们经常会遇到需要放大图像而又不损失图像质量的情况。这种操作被称为“图片无损放大”&#xff0c;它可以帮助我们保持图像的清晰度和细节&#xff0c;同时满足对更大尺寸图像的需求。传统的图像放大方法往往会导致…

重要表格比较多 不想被别人查阅 怎样批量加密?excel批量加密

批量给Excel工作表加密是一个既实用又具挑战性的任务。对于需要在多个工作表中保护敏感信息的用户来说&#xff0c;掌握这一技能尤为重要。下面&#xff0c;我们将详细介绍如何批量给Excel工作表加密 首先&#xff0c;我们要选择合适的加密方法&#xff0c;在这里小编给大家推荐…

ASP.NET-WebFoms常见前后端交互方式

在 ASP.NET Web Forms 中&#xff0c;实现前后端交互是开发 Web 应用程序的重要部分。通过合适的数据传递方式&#xff0c;前端页面能够与后端进行有效的通信&#xff0c;并实现数据的传递、处理和展示。本文介绍了ASP.NET Web Forms开发中常见的前后端交互方式&#xff0c;包括…

Reactor,Proactor,Actor网络模型

Reactor&#xff0c;Proactor&#xff0c;Actor_reactor actor-CSDN博客 Actor模型是一种并发编程模型&#xff0c;它定义了计算单元的行为&#xff0c;这些计算单元被称为Actors。Actors通过消息传递进行通信&#xff0c;它们之间相互隔离&#xff0c;不共享内存。Actors…

Spring MVC(一)— DispatcherServlet

DispatcherServlet 是Spring MVC框架的HTTP 请求处理器的中央调度器。它具有以下的功能&#xff1a; 1&#xff09;基于IoC容器JavaBean配置机制。 2&#xff09;使用HandlerMappingl来实现请求到处理器的路由映射。 3&#xff09;使用HandlerAdapter 来处理不同的处理器。 …

Go 构建高效的二叉搜索树联系簿

引言 树是一种重要的数据结构&#xff0c;而二叉搜索树&#xff08;BST&#xff09;则是树的一种常见形式。在本文中&#xff0c;我们将学习如何构建一个高效的二叉搜索树联系簿&#xff0c;以便快速插入、搜索和删除联系人信息。 介绍二叉搜索树 二叉搜索树是一种有序的二叉…

探索SOCKS5代理、代理IP、HTTP与网络安全

在这个数字化时代&#xff0c;网络安全已成为我们日常生活中不可或缺的一部分。作为一名软件工程师&#xff0c;深入理解网络通信的核心技术&#xff0c;如SOCKS5代理、代理IP、HTTP协议&#xff0c;以及它们在网络安全中的应用&#xff0c;对于设计和实施安全的网络应用至关重…

uni-app 安卓手机判断是否开启相机相册权限

// 安卓相机权限 androidCameraPermiss(index){ plus.android.requestPermissions([android.permission.CAMERA],(e) > { if (e.deniedAlways.length > 0) { this.androidAuthCamera false …

【自动驾驶可视化工具】

自动驾驶可视化工具 自动驾驶可视化工具1.百度Apollo的Dreamview:2.Cruise的Worldview:3.Uber的AVS:4.Fglovex Studio: 自动驾驶可视化工具 介绍一下当前主流的自动驾驶可视化工具。 1.百度Apollo的Dreamview: Dreamview是百度Apollo平台开发的一种可视化工具&#xff0c;用…

使用Spark清洗统计业务数据并保存到数据库中

1、打开前面创建的项目“BigData-Etl-KongGuan”&#xff0c;创建一些数据库访问的工具类和辅助类。 1&#xff09;打开SpringBoot项目&#xff1a;BigData-Etl-KongGuan 2&#xff09;创建数据库访问的工具类和辅助类&#xff1a; com.qrsoft.etl.dao.IBaseDao数据库访问的通…

基于正点原子潘多拉STM32L496开发板的简易示波器

一、前言 由于需要对ADC采样性能的评估&#xff0c;重点在于对原波形的拟合性能。 考虑到数据的直观性&#xff0c;本来计划采集后使用串口导出&#xff0c;并用图形做数据拟合&#xff0c;但是这样做的效率低下&#xff0c;不符合实时观察的需要&#xff0c;于是将开发板的屏幕…

【DataWhale学习笔记】使用AgentScope调用同义倩文大模型

AgentScope AgentScope介绍 AgentScope是一款全新的Multi-Agent框架&#xff0c;专为应用开发者打造&#xff0c;旨在提供高易用、高可靠的编程体验&#xff01; 高易用&#xff1a;AgentScope支持纯Python编程&#xff0c;提供多种语法工具实现灵活的应用流程编排&#xff…