当前位置: 首页 > news >正文

0基础学习HTML(十七)字符字体

HTML 字符实体


HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。


HTML 实体

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:

&entity_name;

&#entity_number;

如需显示小于号,我们必须这样写:&lt; 或 &#60; 或 &#060

提示: 使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。


不间断空格(Non-breaking Space)

HTML 中的常用字符实体是不间断空格(&nbsp;)。

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 &nbsp; 字符实体。


结合音标符

发音符号是加到字母上的一个"glyph(字形)"。

一些变音符号, 如 尖音符 (  ̀) 和 抑音符 (  ́) 。

变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间。

变音符号可以与字母、数字字符的组合来使用。

以下是一些实例:

音标符字符Construct输出结果
  ̀aa&#768;
  ́aa&#769;
̂aa&#770;
  ̃aa&#771;
  ̀OO&#768;
  ́OO&#769;
̂OO&#770;
  ̃OO&#771;


HTML字符实体

显示结果描述实体名称实体编号
空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
'撇号 &apos; (IE不支持)&#39;
&cent;&#162;
£&pound;&#163;
¥人民币/日元&yen;&#165;
欧元&euro;&#8364;
§小节&sect;&#167;
©版权&copy;&#169;
®注册商标&reg;&#174;
商标&trade;&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【Go】Go 环境下载与安装教程(Windows系统)
  • 【环境搭建】MySQL安装部署
  • 数据结构应试-1
  • linux驱动开发-arm汇编基础
  • 用javascript写一个网页,显示日期时间
  • 优化理论及应用精解【11】
  • 爬虫技术初步自学
  • 国产操作系统
  • Cubieboard2(六)RTL8188ETV 驱动
  • 怎样写论文及论文格式?分享4款ai论文生成软件
  • 面试金典题2.3
  • C++第2课——取余运算符的应用、浮点型和字符型(含视频讲解)
  • 工业数据采集系统
  • 828华为云征文|华为云Flexus云服务器X实例Windows系统部署一键短视频生成AI工具moneyprinter
  • 信息安全工程师(16)密码学概况
  • (三)从jvm层面了解线程的启动和停止
  • 「面试题」如何实现一个圣杯布局?
  • 【编码】-360实习笔试编程题(二)-2016.03.29
  • 11111111
  • iOS小技巧之UIImagePickerController实现头像选择
  • Median of Two Sorted Arrays
  • PaddlePaddle-GitHub的正确打开姿势
  • PHP的Ev教程三(Periodic watcher)
  • Python 反序列化安全问题(二)
  • Python语法速览与机器学习开发环境搭建
  • text-decoration与color属性
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 创建一种深思熟虑的文化
  • 从零开始在ubuntu上搭建node开发环境
  • 简单实现一个textarea自适应高度
  • 聊聊hikari连接池的leakDetectionThreshold
  • 深度学习入门:10门免费线上课程推荐
  • 项目管理碎碎念系列之一:干系人管理
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • 《天龙八部3D》Unity技术方案揭秘
  • python最赚钱的4个方向,你最心动的是哪个?
  • Semaphore
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • ​一、什么是射频识别?二、射频识别系统组成及工作原理三、射频识别系统分类四、RFID与物联网​
  • #100天计划# 2013年9月29日
  • #多叉树深度遍历_结合深度学习的视频编码方法--帧内预测
  • (12)Hive调优——count distinct去重优化
  • (2)空速传感器
  • (Java数据结构)ArrayList
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (八)Flask之app.route装饰器函数的参数
  • (保姆级教程)Mysql中索引、触发器、存储过程、存储函数的概念、作用,以及如何使用索引、存储过程,代码操作演示
  • (代码示例)使用setTimeout来延迟加载JS脚本文件
  • (二)JAVA使用POI操作excel
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (附源码)springboot 个人网页的网站 毕业设计031623
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (十三)Maven插件解析运行机制
  • (一) storm的集群安装与配置