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

一、代码

<!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 Standards
                Organization,国际标准组织)为不同的字母/语言定义了标准字符集。
            </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文档中正确显示特殊字符,特别是在需要展示特殊字符的地方,如文章内容、表单输入等。

03-16 06:31