HTML系列 -＞ ＜meta charset=“utf-8“＞

于 2024-02-04 15:26:29 发布
阅读量1.1k 收藏 13
点赞数 10
文章标签： html 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51341142/article/details/136025837
版权

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）.

(((φ(◎ロ◎;)φ)))牵丝戏安
关注
  • 10
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中的<meta>标签的使用详解
09-28
charset=UTF-8" /> <meta name="author" content="Erwin Aligam - styleshout.com" /> <meta name="description" content="Site Description Here" /> <meta name="keywords" content="keywords, here" /> ...
html5使用canvas实现跟随光标跳动的火焰效果
01-21
meta charset=utf-8″ /><title>HTML5 Canvas火焰效果</title><style type=”text/css”>body{margin: 0; padding: 0;}#canvas-keleyi-com {display: block;}</style></head><...
＜html lang=“zh-cn“＞与＜meta chartset=“utf-8“＞的区别
gdyhvy的博客
06-08 3007
<!DOCTYPE html> <html lang="en"> //浏览器语言环境 <head> <meta charset="UTF-8"> //网站编码格式 <title>Title</title> </head> <body> </body> </html> <html lang="en">：设置该页面的语言，“lang”即language，“
html的meta标签的charset应该用UTF-8还是utf-8?
weixin_34111819的博客
09-27 1866
　　之前我也纠结过写html的时候是用<meta charset="UTF-8"/>或者是<meta charset="utf-8"/> 　　关于这个问题国外网友有讨论过这个问题https://stackoverflow.com/questions/10888929/should-html-meta-charset-be-lowercase-or-uppercase...
html标签中的meta charset=“utf-8“
qq_34639706的博客
11-09 7490
charset是规定HTML文档的字符编码； charset=gb2312不能用繁体字，而charset=utf-8可以用繁体 首先来说明一下“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。 各个字符编码含义： gb2312：代表国家标准第2312条，其中是不包含繁体的（虽然咱们不怎么使用繁体了，但是台湾还在使用繁体啊。那怎么办呢？）。 gbk：国家标准扩展版
由＜meta charset=“UTF-8“＞引发的血案--常见字符编码解析
ANNaScripter的博客
07-22 6255
我作为一名热爱前端的程序猿居然！！在之前没有仔细深究过<meta charset="UTF-8">， 今晨痛定思痛，赶紧看了好几个博客，字符编码是真的博大精深啊~~ 最近要找实习，时间有限，以后一定把底层原理写个明白 编码名 解释 备注 ASCII 1、ASCII编码每个字母或符号占1byte（8bits），并且8bits的最高位是0，因此ASCII能编码的字母和符号只有128个。有一些编
在 HTML 中声明 UTF-8 编码方式
科大云炬
05-24 3874
属性指定了编码方式为 UTF-8。这样浏览器就会按照 UTF-8 的方式解析网页内容，确保网页中的中文、特殊字符等能够正确显示。
HTML中meta标签中charset属性的写法以及用法
u010392459的专栏
05-05 8723
meta标签中的charset属性是用来声明文档使用的字符编码。解决文档出现乱码的问题主要就是靠它！需要注意的是，这个charset属性的声明必须写在head中最靠前的位置，否则就可能出现乱码的问题。 charset是声明文档使用的字符编码格式，浏览器根据这个声明的编码格式解析并显示文档中的字符，避免出现乱码。 所有的主流浏览器都支持meta标签的charset属性。 charset属性两种写法： 第一种：html5新增的charset属性写法 <meta charset="U
PHP乱码问题，UTF-8乱码常见问题小结
12-19
2.html文件编码问题: 点击编辑器的菜单：“文件”->“另存为”，可以看到当前文件的编码，确保文件编码为：UTF-8， 如果是ANSI，需要将编码改成：UTF-8。 3.HTML文件头BOM问题： 将文件从其他的编码转换成UTF-8编码...
js实现随机div颜色位置 类似满天星效果
01-19
meta charset=UTF-8> <title>MTX</title> <style> div{width: 50px;height: 50px;position: absolute;} </style> </head> <body> <!--//定义10个div，用于随机div的...
动态网页爱心源码，支持修改文字和音乐
12-02
网页动态爱心代码，支持修改文字和更好音乐等操作。
HTML ＜meta charset=‘utf-8‘＞ 乱码问题 字符编码
qq_45858803的博客
03-12 1795
html标签中的＜meta charset=“utf-8“＞是什么鬼？
Harley567
01-31 4536
html标签中的是什么鬼？
HTML基础：META标签设置了utf-8还是乱码的问题
qq_37560105的博客
05-11 5828
今天开始学着写了一个简单的HTML，出现了乱码问题，代码如下，已经声明了文字格式为utf-8,那么问题在哪里呢？ 后来百度了一下，有两个解决方案： 一个是：将utf-8 改为 gb2312; 或者是：把记事本点击另存为，在保存的时候选择编码 为 utf-8。 然后保存。代码不需要变动，charset=utf-8  也不变。 hello ;charset=utf
html标签中的<meta charset="utf-8">是什么鬼？
热门推荐
滕安超的博客
11-23 5万+
首先来说明一下“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。各个字符编码含义： gb2312：代表国家标准第2312条，其中是不包含繁体的（虽然咱们不怎么使用繁体了，但是台湾还在使用繁体啊。那怎么办呢？）。 gbk：国家标准扩展版（增加了繁体，包
网页中的编码与乱码(2)--文档内的 meta charset 编码声明
Just do IT
06-20 1473
深入介绍了文档内编码声明的应用, 包括许多在静态文档和动态文档中的实验与测试的细节, 以及其它的一些注意事项等.
html meta标签运用
林中明月间丶
03-08 319
转载：http://blog.csdn.net/MR_LP/article/details/53607087Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。Meta ： 即 元数据（Metadata）是数据的数据信息。元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务...
HTML的meta标签详解
林中路
07-23 1676
HTML的meta标签详解 是什么 <meta> 标签是用来描述文档[[元数据]]的元素标签。 在哪里 <meta> 标签一般放置在HTML文档的 <head> 标签中 什么时候用 需要向能够读取网页代码的程序或人提供额外信息和特殊行为指令时，比如： 为HTML解析器提供当前页面所使用的字符集 为HTML解析器提供当前页面内容所使用的编码格式 为搜索引擎提供关键词、作者等SEO内容 让HTML解析器执行页面重定向操作 让HTML解析器按照某种指定的模式渲染页面 为用户提
HTML <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />解析
u013189731的专栏
10-08 9486
html 解析     meta是html中的元标签，它包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。     此句的元信息分别是：     http类型：网页用来表现内容的；     content（内容类型）：指定网页的格式是文本的；     charset（编码）：指定网页的编码是utf-8。注意：指的是这个网页内容的编码，而不是文件本身。
<!doctype+html> <html> <head> <meta+charset="utf-8"> <title>佳佳美食</title> <link+rel="stylesheet"+type
最新发布
12-25
引用[1]和引用[2]是两段HTML代码，它们使用了JavaScript来定义函数并在页面加载时调用这些函数。这些函数用于在浏览器中显示警告框。 以下是两段HTML代码的解释和演示： 1. 引用[1]的HTML代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> var fun = function(){ alert("无参函数"); } var fun = function (a, b) { alert("无参函数"); } fun(); </script> </head> <body> </body> </html> ``` 这段代码定义了两个名为`fun`的函数，但是第二个函数覆盖了第一个函数。在页面加载时，`fun()`函数被调用，弹出一个警告框显示"无参函数"。 2. 引用的HTML代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> var fun = function(){ alert("无参函数"); } var fun1 = function (a, b) { alert("有参函数a=" + a + ",b=" + b); } fun(); fun(1,2); </script> </head> <body> </body> </html> ``` 这段代码定义了两个函数`fun`和`fun1`。在页面加载时，`fun()`函数被调用，弹出一个警告框显示"无参函数"。然后，`fun(1,2)`函数被调用，弹出一个警告框显示"有参函数a=1,b=2"。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值