【HTML 教程】HTML 字符编码

640?wx_fmt=jpeg

作者 | 阮一峰

简介

网页包含了大量的文字,浏览器必须知道这些文字的编码方法,才能把文字还原出来。

一般情况下,服务器向浏览器发送 HTML 网页文件时,会通过 HTTP 头信息,声明网页的编码方式。

Content-Type: text/html; charset=UTF-8

上面代码中,HTTP 头信息的Content-Type字段先声明,服务器发送的数据类型是text/html(即 HTML 网页),然后声明网页的文字编码是UTF-8

网页内部也会再用<meta>标签,再次声明网页的编码。

&lt;meta charset="UTF-8"&gt;

字符的数字表示法

网页可以使用不同语言的编码方式,但是最常用的编码是 UTF-8。UTF-8 编码是 Unicode 字符集的一种表达方式。这个字符集的设计目标是包含世界上的所有字符,目前已经收入了十多万个字符。

每个字符有一个 Unicode 号码,称为码点(code point)。如果知道码点,就能查到这是什么字符。举例来说,英文字母a的码点是十进制的97(十六进制的61),汉字“中”的码点是十进制的20013(十六进制的4e2d)。

由于下面的原因,不是每一个 Unicode 字符都能直接在 HTML 语言里面显示。

(1)不是每个 Unicode 字符都可以打印出来,有些没有可打印形式,比如换行符的码点是十进制的10(十六进制的A),就没有对应的字面形式。

(2)小于号(<)和大于号(>)用来定义 HTML 标签,其他需要用到这两个符号的场合,必须防止它们被解释成标签。

(3)由于 Unicode 字符太多,无法找到一种输入法,可以直接输入所有这些字符。换言之,没有一种键盘,有办法输入所有符号。

(4)网页不允许混合使用多种编码,如果使用 UTF-8 编码的同时,又想插入其他编码的字符,就会很困难。

HTML 为了解决上面这些问题,允许使用 Unicode 码点表示字符,浏览器会自动将码点转成对应的字符。

字符的码点表示法是&#N;(十进制,N代表码点)或者&#xN;(十六进制,N代表码点),比如,字符a可以写成&#97;(十进制)或者&#x61;(十六进制),字符可以写成&#20013;(十进制)或者&#x4e2d;(十六进制),浏览器会自动转换它们。

&lt;p&gt;hello&lt;/p&gt;
&lt;!-- 等同于 --&gt;
&lt;p&gt;&amp;#104;&amp;#101;&amp;#108;&amp;#108;&amp;#111;&lt;/p&gt;
&lt;!-- 等同于 --&gt;
&lt;p&gt;&amp;#x68;&amp;#x65;&amp;#x6c;&amp;#x6c;&amp;#x6f;&lt;/p&gt;

上面代码中,字符可以直接表示,也可以使用十进制码点或十六进制码点表示。

注意,HTML 标签本身不能使用码点表示,否则浏览器会认为这是所要显示的文本内容,而不是标签。比如,<p>一旦写成<&#112;>或者&#60;&#112;&#62;,浏览器就不再认为这是标签了,而会当作文本内容将其显示为<p>

字符的实体表示法

数字表示法的不方便之处,在于必须知道每个字符的码点,很难记忆。为了能够快速输入,HTML 为一些特殊字符,规定了容易记忆的名字,允许通过名字来表示它们,这称为实体表示法(entity)。

实体的写法是&name;,其中的name是字符的名子。下面是其中一些特殊字符,及其对应的实体。

  • <&lt;

  • >&gt;

  • "&quot;

  • '&apos;

  • &&amp;

  • ©&copy;

  • #&num;

  • §&sect;

  • ¥&yen;

  • $&dollar;

  • £&pound;

  • ¢&cent;

  • %&percnt;

  • *$ast;

  • @&commat;

  • ^&Hat;

  • ±&plusmn;

  • 空格:&nbsp;

注意,上面最后一个特殊字符是空格,它也有对应的实体表示法。

字符的数字表示法和实体表示法,都可以表示正常情况无法输入的字符,逃脱了浏览器的限制,所以英语里面称为“escape”,中文翻译为“字符的转义”。

HTML相关图书

640?wx_fmt=jpeg

640?wx_fmt=jpeg

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

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

HTML编码规范

本篇文章是基于王叨叨大佬师父维护的文档梳理的&#xff0c;有兴趣可以去看一下原文HTML编码规范。 1. 缩进与换行 【建议】 使用 2 个空格作为一个缩进层级&#xff0c;不允许使用tab字符 解释&#xff1a; ​ 具体项目&#xff0c;可以使用2个空格&#xff0c;也可以使用…

HTML 编码(字符集)总结,你了解了多少

Web 浏览器必须知道要使用哪个字符集&#xff0c;才能正确显示 HTML 页面。 文章目录 Web 浏览器必须知道要使用哪个字符集&#xff0c;才能正确显示 HTML 页面。前言一、HTML charset 属性二、字符集之间的差异ASCII 字符集ANSI 字符集 (Windows-1252)ISO-8859-1 字符集UTF-8 …

【HTML基础笔记】之【常用编码】

HTML 常用编码 4.1 HTML 实体编码 HTML实体编码&#xff0c;也即HTML中的转义字符。 在 HTML 中&#xff0c;某些字符是预留的&#xff0c;例如在 HTML 中不能使用小于号<和大于号>&#xff0c;这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符&#xf…

CTR预估之DNN系列模型:FNN/PNN/DeepCrossing

前言 在上一篇文章中 CTR预估之FMs系列模型:FM/FFM/FwFM/FEFM&#xff0c;介绍了FMs系列模型的发展过程&#xff0c;开启了CTR预估系列篇章的学习。FMs模型是由线性项和二阶交互特征组成&#xff0c;虽然有自动学习二阶特征组合的能力&#xff0c;一定程度上避免了人工组合特征…

SQL SERVER DATEPART函数

定义&#xff1a; DATEPART函数返回指定日期的指定部分。 语法&#xff1a; DATEPART(datepart,date) 参数&#xff1a; ①datepart 参数可以是下列的值&#xff1a; datepart缩写年(Year)YEAR, YY, YYYY季度(Quarter)Q, QQ, QUARTER月(Month)M, MM, MONTH年中的日(Day of year…

DATEPART SQL函数

This article explores the DATEPART SQL function and its use in writing t-SQL queries. In the previous article, SQL Convert Date Functions and Formats, we explored various data formats and convert them using SQL Convert function. 本文探讨了DATEPART SQL函数…

mysql datepart_SQL Server DATEPART() 函数用法

用法&#xff1a; DATEPART() 函数用于返回日期/时间的单独部分&#xff0c;比如年、月、日、小时、分钟等等。返回的类型为整型。若要返回字符型可以用DATENAME()函数&#xff0c;可用于时间日期之间的拼接&#xff0c;用法和DATEPART()类似 语法&#xff1a; DATEPART(datepa…

mysql datepart_表达式中datepart函数用法及其与sqlserver depart函数、Mysql week函数的差异...

Wyn Reports支持丰富的函数&#xff0c;这些函数是实现各种计算需求的表达式的基础。 DatePart函数一个日期类函数&#xff0c;返回一个 Integer 值&#xff0c;其中包含给定 Date 值的指定部分(年&#xff0c;月&#xff0c;日&#xff0c;时&#xff0c;分&#xff0c;秒&…

DatePart 函数

DatePart 函数 适用于: Microsoft Office Access 2007 全部显示 全部隐藏 返回变量型&#xff08;整型&#xff09;&#xff0c;其中包含给定日期的指定部分。 语法 DatePart(interval, date [, firstdayofweek] [, firstweekofyear] ) DatePart 函数的语法包含以下参数 &…

sql学习---datepart函数的使用

DATEPART 返回代表指定日期的指定日期部分的整数。 语法 DATEPART ( datepart ,date ) 参数 datepart 是指定应返回的日期部分的参数。下表列出了 Microsoft SQL Server™ 识别的日期部分和缩写。 如图&#xff1a; 另外补充&#xff1a; 当 group by datepart (yyyy,date), da…

datepart函数用法及其与sqlserver depart函数、Mysql week函数的差异

Wyn Reports支持丰富的函数&#xff0c;这些函数是实现各种计算需求的表达式的基础。DatePart函数一个日期类函数&#xff0c;返回一个 Integer 值&#xff0c;其中包含给定 Date 值的指定部分&#xff08;年&#xff0c;月&#xff0c;日&#xff0c;时&#xff0c;分&#xf…

sqlserver 截取日期年份和月份使用datepart函数

sqlserver 截取日期年份和月份使用datepart函数,函数使用方法如下&#xff1a; 一、函数功能&#xff1a;DATEPART() 函数用于返回日期/时间的单独部分&#xff0c;比如年、月、日、小时、分钟等等。 二、语法&#xff1a;DATEPART(datepart,date) 三、参数说明&#xff1a;…

第四十五章 SQL函数 DATEPART

文章目录 第四十五章 SQL函数 DATEPART大纲参数描述Datepart 参数日期输入格式无效的参数错误代码范围和值检查示例 第四十五章 SQL函数 DATEPART 日期/时间函数&#xff0c;返回表示日期/时间表达式指定部分的值的整数。 大纲 DATEPART(datepart,date-expression)参数 dat…

继瑞吉外卖后的又一个项目——SpringBoot+Vue的前后端博客系统

文章目录 博客系统项目介绍前言项目演示前台演示后台演示 组织结构后端组织结构前端组织结构 技术选型前端技术后端技术架构图系统架构图业务架构图 模块介绍前端模块后端模块 环境搭建开发工具开发环境项目运行 未完待续结语 博客系统项目介绍 前言 本项目已开源在Gitee 后端…

使用PS制作毛玻璃效果

无论是在前端界面设计上还是海报制作上&#xff0c;模糊都是一种非常高级、流行的处理手法。 在2013年6月7日&#xff0c;IOS7在开发者大会上发布&#xff0c;IOS7一改以往的拟物化设计&#xff0c;以最简单的点线面引领了设计行业的风潮 IOS7上的毛玻璃效果 毛玻璃设计风格的…

html做出文字凹凸效果,css3怎么实现字体凹陷凸出效果?(附代码)

本篇文章主要给大家介绍用css3实现字体凹陷或凸出效果的实现方法。 我们在设计网页时&#xff0c;常常会需要考虑到用户体验&#xff0c;那么足够美观的网页才能吸引住用户。为了让网页内容更加丰富好看&#xff0c;我们可能会使用ps做出很多特效&#xff0c;其实除了ps&#x…

css3实现div的凸起或凹陷效果

简单的小知识 div的凸起和凹陷效果之前一直觉得是背景渐变等方式实现&#xff0c;最近突然发现只需要对div的边框进行区别设置即可&#xff0c;感觉非常神奇&#xff0c;于是分享一下。 请仔细观察对比示例中四周边框的设置&#xff0c;边框宽度是不一样的。效果在最后 示例…

PS实例一 制作凹陷的按钮(斜面和浮雕的使用)

首先看下效果 主要只是斜面和浮雕效果 1、 建两个图层 2、 双击图层2 选中斜面和浮雕效果 3、选择强光 4、ctrl 鼠标点击图层1中的内容&#xff0c;编辑->描边 5 复制图层1和图层2 按住ctrl选择图层1和图层2 点击链接图层 6 调整大小 75% 7 双击图层2副本中的斜面和浮雕调…

css实现按钮凸起和凹陷效果

今天用CSS实现一下按钮按下凹陷和弹起凸起的效果。 先来看看效果吧&#xff1a; html: <div class"btn-list"><div class"btn active"><span class"btn-text">按钮1</span></div><div class"btn"…

Ps 毛玻璃效果

哈喽&#xff0c;各位小伙伴&#xff01;今天我们来学习一下如何制作毛玻璃效果&#xff1f; 复制图层 导入一张图片&#xff0c;Ctrlj复制一层&#xff0c;右键—智能对象&#xff08;目的&#xff1a;方便后期更换图片&#xff09; 画矩形 画矩形(不要描边)&#xff0c;…