HTML 等價字符引用:系統化記憶指南

HTML 等價字符引用:系統化記憶指南

在 HTML 中,字符引用(Character Entity References)用于表示保留字符或特殊符號。我將提供一個系統化的方法來記憶這些重要實體,并解釋它們的實際應用。

什么是等價字符引用?

HTML 字符引用有兩種形式:

  • 命名實體&entity_name;(如 &lt; 表示 <
  • 數字實體&#entity_number;(如 &#60; 表示 <

它們用于:

  • 顯示 HTML 保留字符(<, >, &)
  • 表示鍵盤無法輸入的字符(如版權符號 ?)
  • 避免與 HTML 標簽沖突

記憶策略:分類學習法

1. 基礎保留字符(必須記憶)

這些字符在 HTML 中有特殊含義,使用時必須轉義:

字符命名實體助記方法
<&lt;Less Than
>&gt;Greater Than
&&amp;Ampersand
"&quot;Quotation

記憶口訣:“Less Than & Greater Than need Ampersand for Quotations”

2. 常用特殊符號(高頻使用)

這些符號在網頁中經常出現:

符號命名實體助記方法
?&copy;Copyright
?&reg;Registered
?&trade;Trademark
&euro;European currency
&pound;Pound sterling
&yen;Yen currency
&cent;Cent sign

分類記憶

  • 知識產權:copy(?), reg(?), trade(?)
  • 貨幣符號:euro(€), pound(£), yen(¥), cent(¢)

3. 空白與分隔符

符號命名實體說明
&nbsp;不間斷空格(No-Break Space)
?&ensp;半角空格(En Space)
?&emsp;全角空格(Em Space)
&ndash;短破折號(En Dash)
&mdash;長破折號(Em Dash)

記憶方法

  • &nbsp; = No-Break Space
  • &ensp; = En Space(字母N寬度)
  • &emsp; = Em Space(字母M寬度)

4. 數學符號

符號命名實體說明
×&times;乘號
÷&divide;除號
±&plusmn;加減號
&ne;不等號
&le;小于等于
&ge;大于等于

助記法

  • &times;&divide; 來自鍵盤符號位置
  • &le; = Less or Equal
  • &ge; = Greater or Equal

5. 箭頭圖標

符號命名實體方向
&larr;左箭頭
&rarr;右箭頭
&uarr;上箭頭
&darr;下箭頭

記憶方法:首字母對應方向(Left, Right, Up, Down)

系統化記憶工具

模式識別法

  1. 縮寫模式

    • &lt; = less than
    • &gt; = greater than
    • &amp; = ampersand
  2. 單詞關聯法

    • &copy; = copyright
    • &reg; = registered
    • &trade; = trademark
  3. 符號形狀法

    • &hearts; = ? (心形)
    • &diams; = ? (菱形)
    • &spades; = ? (黑桃)
    • &clubs; = ? (梅花)

數字實體規律

所有字符都有對應的 Unicode 編號:

  • 版權符號 ? = &#169;
  • 注冊商標 ? = &#174;
  • 商標 ? = &#8482;

轉換方法

  1. 查找字符的 Unicode 編碼(如 ? 是 U+00A9)
  2. 去掉 “U+”,使用十進制:&#169;
  3. 或使用十六進制:&#xA9;

常用字符引用速查表

<div class="reference-table"><h2>HTML 常用字符引用速查表</h2><table><thead><tr><th>字符</th><th>命名實體</th><th>數字實體</th><th>說明</th></tr></thead><tbody><tr><td>&lt;</td><td>&amp;lt;</td><td>&amp;#60;</td><td>小于號</td></tr><tr><td>&gt;</td><td>&amp;gt;</td><td>&amp;#62;</td><td><

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/85721.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/85721.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/85721.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Java 線程池原理詳解

Java 線程池原理詳解 一、引言 在高并發場景下&#xff0c;頻繁地創建與銷毀線程將帶來極大的性能開銷。為了提升資源復用性與程序響應速度&#xff0c;Java 提供了線程池機制&#xff08;java.util.concurrent 包&#xff09;。線程池通過復用線程、控制線程數量、任務排隊管…

Mybatis入門到精通

一&#xff1a;什么是Mybatis 二&#xff1a;Mybatis就是簡化jdbc代碼的 三&#xff1a;Mybatis的操作步驟 1&#xff1a;在數據庫中創建一個表&#xff0c;并添加數據 我們這里就省略了 2&#xff1a;Mybatis通過maven來導入坐標&#xff08;jar包&#xff09; 3&#xff1a…

化學方程式配平免費API接口教程

接口簡介&#xff1a; 根據反應物和生成物配平化學方程式。 請求地址&#xff1a; https://cn.apihz.cn/api/other/hxfcs.php 請求方式&#xff1a; POST或GET。 請求參數&#xff1a; 【名稱】【參數】【必填】【說明】 【用戶ID】【id】【是】【用戶中心的數字ID&#xff…

Spring學習筆記:Spring的基于注解的XML的詳細配置

按照劉Java的順序&#xff0c;應該是從基于XML的DI開始接著上面的關于IoC容器裝配。主要介紹學習Spring的XML基于注解的詳細配置。 第一步是搭建一個Spring的基礎工程&#xff08;maven管理&#xff09;&#xff0c;通過IoC機制獲取IoC容器的對象。 創建maven工程并在pom文件…

(四)動手實現多層感知機:深度學習中的非線性建模實戰

1 多層感知機&#xff08;MLP&#xff09; 多層感知機&#xff08;Multilayer Perceptron, MLP&#xff09;是一種前饋神經網絡&#xff0c;包含一個或多個隱藏層。它能夠學習數據中的非線性關系&#xff0c;廣泛應用于分類和回歸任務。MLP的每個神經元對輸入信號進行加權求和…

第十三篇:MySQL 運維自動化與可觀測性建設實踐指南

本篇重點介紹 MySQL 運維自動化的關鍵工具與流程&#xff0c;深入實踐如何構建高效可觀測體系&#xff0c;實現數據庫系統的持續穩定運行與故障快速響應。 一、為什么需要 MySQL 運維自動化與可觀測性&#xff1f; 運維挑戰&#xff1a; 手動備份容易遺漏或失敗&#xff1b; …

蜜獾算法(HBA,Honey Badger Algorithm)

2021年由Hashim等人提出&#xff08;論文&#xff1a;Honey Badger Algorithm: A New Metaheuristic Algorithm for Solving Optimization Problems&#xff09;。模擬蜜獾在自然界中的智能捕食行為&#xff0c;屬于群體智能優化算法&#xff08;與粒子群PSO、遺傳算法GA同屬一…

Duix.HeyGem:以“離線+開源”重構數字人創作生態

在AI技術快速演進的今天,虛擬數字人正從高成本、高門檻的專業領域走向大眾化應用。Duix.HeyGem 數字人項目正是這一趨勢下的杰出代表。該項目由一支擁有七年AI研發經驗的團隊打造,通過放棄傳統3D建模路徑,轉向真人視頻驅動的AI訓練模型,成功實現了低成本、高質量、本地化的…

HTTP常見的請求方法、響應狀態碼、接口規范介紹

HTTP&#xff08;Hypertext Transfer Protocol&#xff09;是Web通信的基礎協議&#xff0c;用于客戶端和服務器之間的請求和響應。本文將詳細介紹HTTP常見的請求方法、響應狀態碼以及接口規范&#xff0c;幫助開發者更好地理解和使用HTTP協議。 一、HTTP請求方法 HTTP請求方…

基于Matlab實現LDA算法

線性判別分析&#xff08;Linear Discriminant Analysis, LDA&#xff09;是一種經典的統計方法&#xff0c;常用于特征降維和分類問題。在機器學習領域&#xff0c; 一、LDA基本原理 LDA的目標是尋找一個投影空間&#xff0c;使得類間距離最大化&#xff0c;同時保持類內距離…

matlab基于GUI實現水果識別

基于GUI實現水果識別系統&#xff0c;限一個圖片內存在一種水果 圖像處理是一種利用計算機分析圖像以達到預期結果的技術。圖像處理一般指數字圖像處理&#xff0c;而數字圖像指由工業相機、攝像機、掃描儀等設備捕捉到的二維數組&#xff0c;數組中的元素稱為像素&#xff0c…

XML 編碼:結構化數據的基石

XML 編碼:結構化數據的基石 引言 XML(可擴展標記語言)作為互聯網上廣泛使用的數據交換格式,已經成為結構化數據存儲和傳輸的重要工具。本文旨在深入探討XML編碼的原理、應用場景以及編碼規范,幫助讀者更好地理解和運用XML。 XML編碼概述 1. XML的起源 XML誕生于1998年…

虛擬機無法開啟-關掉虛擬化

這個問題我之前解決過&#xff0c;沒做筆記&#xff0c;這次記錄下&#xff0c;最常見都上開啟bois的cpu虛擬化。 其次是啟動或關閉功能頁面也需要選擇&#xff0c;再就是和wsl都沖突問題&#xff0c;就是今天這個問題 您的主機不滿足在啟用 Hyper-V 或 Device/Credential Gua…

Python數據可視化科技圖表繪制系列教程(二)

目錄 表格風格圖 使用Seaborn函數繪圖 設置圖表風格 設置顏色主題 圖表分面 繪圖過程 使用繪圖函數繪圖 定義主題 分面1 分面2 【聲明】&#xff1a;未經版權人書面許可&#xff0c;任何單位或個人不得以任何形式復制、發行、出租、改編、匯編、傳播、展示或利用本博…

LeetCode算法題 (搜索二維矩陣)Day18!!!C/C++

https://leetcode.cn/problems/search-a-2d-matrix/description/ 一、題目分析 給你一個滿足下述兩條屬性的 m x n 整數矩陣&#xff1a; 每行中的整數從左到右按非嚴格遞增順序排列。每行的第一個整數大于前一行的最后一個整數。 給你一個整數 target &#xff0c;如果 ta…

獵板硬金鍍層厚度:新能源汽車高壓系統的可靠性基石

在新能源汽車的電池管理系統&#xff08;BMS&#xff09;和電機控制器中&#xff0c;硬金鍍層厚度直接關系到高壓環境下的電氣穩定性與使用壽命。獵板針對車載場景開發的耐電遷移方案&#xff08;金層 2.5μm&#xff0c;鎳層 8μm&#xff09;&#xff0c;經 150℃/85% RH 高壓…

亞馬遜站內信規則2025年重大更新:避坑指南與合規策略

亞馬遜近期對Buyer-Seller Messaging&#xff08;買家-賣家站內信&#xff09;規則進行了顯著收緊&#xff0c;明確將一些曾經的“灰色操作”列為違規。違規操作輕則收到警告&#xff0c;重則導致賬戶暫停或績效受限。本文為您全面解析本次規則更新的核心要點、背后邏輯&#x…

WPF可拖拽ListView

1.控件描述 WPF實現一個ListView控件Item子項可刪除也可拖拽排序&#xff0c;效果如下圖所示 2.實現代碼 配合 WrapPanel 實現水平自動換行&#xff0c;并開啟拖拽 <ListViewx:Name"listView"Grid.Row"1"Width"300"AllowDrop"True&…

相機--雙目立體相機

教程 鏈接1 教程匯總 立體匹配算法基礎概念 視頻講解攝像機標定和雙目立體原理 兩個鏡頭。 雙目相機也叫立體相機--Stereo Camera&#xff0c;屬于深度相機。 作用 1&#xff0c;獲取圖像特征&#xff1b; 2&#xff0c;獲取圖像深度信息&#xff1b; 原理 原理和標定 …

Unity3D仿星露谷物語開發59之定制角色襯衫

1、目標 自定義角色襯衫、褲子、手臂顏色。 2、概念 在Assets -> Sprites -> Output Textures下&#xff0c;Customised_farmer為目前角色所用的精靈表。 如果上面是輸出紋理&#xff0c;那么輸入紋理是什么呢&#xff1f;它位于Assets/Sprites/Sprite Textures/Chara…