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

Web 浏览器必须知道要使用哪个字符集,才能正确显示 HTML 页面。

文章目录

  • Web 浏览器必须知道要使用哪个字符集,才能正确显示 HTML 页面。
  • 前言
  • 一、HTML charset 属性
  • 二、字符集之间的差异
  • ASCII 字符集
  • ANSI 字符集 (Windows-1252)
  • ISO-8859-1 字符集
  • UTF-8 字符集
  • @charset CSS 规则


前言

ASCII 是第一个字符编码标准。ASCII 定义了 128 种可以在互联网上使用的字符:数字(0-9)、英文字母(A-Z)和一些特殊字符,比如:! $ + - ( ) @ < >。

ISO-8859-1 是 HTML 4 的默认字符集。此字符集支持 256 个不同的字符代码。HTML 4 同时支持 UTF-8。

ANSI(Windows-1252) 是原始的 Windows 字符集。 ANSI 与 ISO-8859-1 相同,不同之处在于 ANSI 具有 32 个额外的字符。

HTML5 规范鼓励 Web 开发人员使用 UTF-8 字符集,该字符集涵盖了世界上几乎所有的字符和符号!


一、HTML charset 属性

需要这在 meta 标签中指定:

<meta charset="UTF-8">

二、字符集之间的差异

下表展示了上述字符集之间的区别::

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

ASCII 字符集

  1. ASCII 使用 0 到 31(以及 127)之间的值作为控制字符。
  2. ASCII 使用 32 到 126 的值表示字母、数字和符号。
  3. ASCII 不使用 128 到 255 之间的值。

ANSI 字符集 (Windows-1252)

  1. 对于 0 到 127 的值,ANSI 与 ASCII 相同。
  2. ANSI 有一组专有的字符,其值从 128 到 159。
  3. 对于 160 到 255 的值,ANSI 与 UTF-8 相同。

ISO-8859-1 字符集

  1. 对于 0 到 127 的值,8859-1 与 ASCII 相同。
  2. 8859-1 不使用 128 到 159 之间的值
  3. 对于从 160 到 255 的值,8859-1 与 UTF-8 相同。

UTF-8 字符集

  1. 对于 0 到 127 的值,UTF-8 与 ASCII 相同。
  2. UTF-8 不使用 12 8到 159 之间的值。
  3. 对于 160 到 255 之间的值,UTF-8 与 ANSI 和 8859-1 相同。
  4. UTF-8 从值 256 继续,包含超过 10000 个不同字符。

@charset CSS 规则

可以使用 CSS @charset 规则来指定样式表中使用的字符编码:
将样式表的编码设置为 Unicode UTF-8:

@charset "UTF-8";

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

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

相关文章

【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;…

ps中字凹进去效果

1、写出字 2、把带字的图层复制一份&#xff08;或者两份&#xff09;&#xff0c;把在下面图层的字颜色改为“白色” 3、白色字体的图层&#xff0c;向下 向右移动一次&#xff0c;把图层模式改为“柔光”&#xff0c;就出来这样的效果

PS快速制作凹陷直线

先来看看效果图&#xff1a;当你要在一个颜色上做凹陷一条直线&#xff0c;第一步&#xff1a;新建一个图层&#xff0c;填充背景色&#xff0c;例如。第二步&#xff1a;使用 单行选框工具 划出一条直线&#xff0c;例如。第三步&#xff1a;新建一个图层 然后为这一个像素的填…