HTML系列 -> <meta charset=“utf-8“>

1.<meta>标签:

<meta>标签是网页代码中<head>区的一个关键标签,所提供的信息用户不可见,但是文档中最基本的元信息。

<meta>标签可以定义文档的各种元数据,提供各种文档信息,可以理解为提供了关于网站的各种信息。例如:针对搜索引擎和更新频度的描述和关键词,再比如,加入meta描述,方便用户去阅读,同时可以在搜索结果中增加点击率。

2.charset="utf-8":

charset是<meta>标签的一个属性,是用来定义文档的字符编码。

"utf-8"是其中一种字符编码。charset="utf-8"是告知浏览器此页面属于什么字符编码格式,下一步浏览器做好"翻译"工作。常见的字符编码有:gb3212、gbk、unicode、utf-8。

各个字符编码的含义:

**gb3212:**代表国家标准第2312条,其中不包含繁体

**gbk:**国家标准扩展版(增加了繁体,包含所有亚洲字符)

**unicode:**万国码

**utf-8:**是unicode的升级版,代表世界通用的语言编码。

3.<meta>标签相关属性举例:

复制代码
1.<meta name="apple-mobile-web-app-capable" content="yes"/>

1>这个的作用就是删除默认的苹果工具栏和菜单栏;content 默认值是no,显示;

2>如果设置content为yes,web应用以全屏模式运行,否则不会在全屏中运行。

复制代码
2.<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

1>默认值为default(白色),可以定义为black(黑色)和black-translucent(灰色半透明)。

2>注意:若值为"black-translucent"将会占据页面px位置,浮在页面上方(会覆盖页面20px高度-iPhone和iTouch4的Retina屏幕为40px).

相关推荐
IT_陈寒1 分钟前
Vue的这个响应式陷阱,让我加班到凌晨三点
前端·人工智能·后端
tiancaijiben4 分钟前
阿里云SAE应用引擎弹性扩缩容完全指南:从手动调控到智能自动化
java·网络·数据库
2501_916007476 分钟前
抓包工具对比 Charles、Fiddler、TraceEagle、Wireshark 与 Proxyman
前端·网络协议·ios·adb·https·fiddler·wireshark
增量星球9 分钟前
《持续交付2.0系列一》从技术交付到业务引领
java·docker·容器·devops
Mr__Miss18 分钟前
Java 随机数生成器选型指南:Random、ThreadLocalRandom 与 SecureRandom
java·开发语言·python
if_you_can_please_do25 分钟前
IDEA插件Maven开发版本管理小助手Maven With Me更新2.9.x版本啦,升版、快速搜索依赖、JDK切换等核心功能助力中大厂业务快速开发与迭代!
java·maven·intellij-idea
zzz_236839 分钟前
【Java实习面试算法冲刺】动态规划
java·算法·面试
小堂子这厢有礼了40 分钟前
Chet.QuartzNet.UI v2.3.0 大更新!表格重构 + 系统配置 + 分析页全面升级!
前端·后端·ui·重构·c#·vue
cfm_291443 分钟前
SpringBoot自定义Starter
java·spring boot·后端
程序员爱钓鱼1 小时前
Rust 控制流 if 详解:条件判断与 if 表达式
前端·后端·rust