首页 > 互联资讯 > 技术交流  > 

html5设置字符集的语句是什么

html5设置字符集的语句是“”;meta标签用于提供有关HTML文档的元数据,当该标签添加了charset属性,则可指定HTML文档的字符编码。


本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在html5中,可以利用 标签来设置字符集。

标签用于提供有关 HTML 文档的元数据,例如页面有效期、页面作者、关键字列表、页面描述等信息。 标签定义的数据并不会显示在页面上,但却会被浏览器解析。

标签定义字符集的语法:

charset 属性用来指定 HTML 文档的字符编码,例如在 标签中添加以下语句:

就可以将文档的字符编码设置为了“UTF-8”。

HTML 4.01 与 HTML5之间的差异

charset 属性是 HTML5 中的新属性,且替换了:

仍然允许使用 http-equiv 属性来规定字符集,但是使用新方法可以减少代码量。

charset 属性的常用的值:

UTF-8 - Unicode 字符编码

ISO-8859-1 - 拉丁字母表的字符编码

在理论上,可以使用任何字符编码,但并不是所有浏览器都能够理解它们。某种字符编码使用的范围越广,浏览器就越有可能理解它。

如需查看所有可用的字符编码,请访问 IANA 字符集。

http://www.iana.org/assignments/character-sets

扩展知识: 标签其他用法

1、定义页面描述

定义页面的描述信息有利于搜索引擎的搜索。

标签定义文档标题,name="description" 定义文档描述,描述的长度通常大于标题。</p></blockquote><p>2、定义关键字</p><meta name="keywords" content="php教程,php入门教程,php视频教程,php源码下载,php手册"><p>关键字用于为搜索引擎提供与页面有关的信息。</p><p>3、定义页面作者</p><meta name="author" content="php程序开发"><p>通过某些内容管理系统可以自动提取作者信息。</p><p>4、刷新页面</p><meta http-equiv="refresh" content="30"><p>上例中的代码用于向浏览器发送一个指令,使浏览器在经过指定的时间间隔(30 秒)后自动刷新页面。在 content 属性中除了可以指定时间间隔外,还可以再指定一个链接,这时页面将在指定的时间后重定向到链接所指向的页面,如下例所示:</p><meta http-equiv="refresh" content="10; url=https://www.php.cn/"><p>相关推荐:《html视频教程》</p><p><br /></p></p> </div> <div class="tags"> </div> <div class="copytip"> <p>html5设置字符集的语句是什么由讯客互联<a href="/jiaoliu/" target="_blank">技术交流</a>栏目发布,感谢您对<a href="https://www.xkfenlei.com" target="_blank">讯客互联</a>的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“<a href="https://xkfenlei.com/news/359.html" title="html5设置字符集的语句是什么" target="_blank">html5设置字符集的语句是什么</a>”</p> </div> </div> <div class="nextpage"> <!-- <p class="prev"><span>上一篇</span><br> <a href="/news/358.html">jQuery怎样实现简单的动画效果?(实例详解)</a></p> <p class="next"><span>下一篇</span><br> <a href="/news/360.html">html5中怎么设置文本斜体</a></p> --> </div> </div> <div class="related-list"> <h3 class="shugang">推荐文章</h3> <ul> <li><a href="/news/24885.html" title="uni-app实现全局水印示例详解"><i><img src="/0pic/yc_119.jpg" alt="uni-app实现全局水印示例详解"></i> <p>uni-app实现全局水印示例详解</p> </a></li> <li><a href="/news/586.html" title="2022 最受欢迎的 CSS 变量、属性"><i><img src="/0pic/yc_193.jpg" alt="2022 最受欢迎的 CSS 变量、属性"></i> <p>2022 最受欢迎的 CSS 变量、属性</p> </a></li> <li><a href="/news/1336.html" title="响应式运输和物流HTML5模板 - Tr"><i><img src="/0pic/yc_471.jpg" alt="响应式运输和物流HTML5模板 - Tr"></i> <p>响应式运输和物流HTML5模板 - Tr</p> </a></li> <li><a href="/news/1108.html" title="如何评价《太吾绘卷》的程序代码?"><i><img src="/0pic/yc_412.jpg" alt="如何评价《太吾绘卷》的程序代码?"></i> <p>如何评价《太吾绘卷》的程序代码?</p> </a></li> <li><a href="/news/1365.html" title="3套实用Bootstrap管理后端应用H"><i><img src="/0pic/yc_237.jpg" alt="3套实用Bootstrap管理后端应用H"></i> <p>3套实用Bootstrap管理后端应用H</p> </a></li> <li><a href="/news/25012.html" title="AutoCAD 2021 免激活 官方中"><i><img src="/0pic/yc_169.jpg" alt="AutoCAD 2021 免激活 官方中"></i> <p>AutoCAD 2021 免激活 官方中</p> </a></li> <li><a href="/news/24676.html" title="如何判断发言是否为空?"><i><img src="/0pic/yc_237.jpg" alt="如何判断发言是否为空?"></i> <p>如何判断发言是否为空?</p> </a></li> <li><a href="/news/916.html" title="将单向链表按某值划分成左边小、中间相等、"><i><img src="/0pic/yc_229.jpg" alt="将单向链表按某值划分成左边小、中间相等、"></i> <p>将单向链表按某值划分成左边小、中间相等、</p> </a></li> </ul> </div> </div> </div> <div class="aside l_box"> <div class="side_bar" id="side-hot-view-item"> <div class="side-tit"> <h3 class="function_t">热门文章</h3> </div> <ul> <li class="widlist"> <a href="/news/44653.html" target="_blank" title="常见刮刮乐代码含义(刮刮乐上的代码)"> <i class="gx"> <img src="/0pic/yc_297.jpg" alt="常见刮刮乐代码含义(刮刮乐上的代码)"> </i> </a> <h3> <a href="/news/44653.html" target="_blank" title="常见刮刮乐代码含义(刮刮乐上的代码)">常见刮刮乐代码含义(刮刮乐上的代码)</a> </h3> <div class="sidefoot"> <span>2024-10-06 01:18:01</span> </div> </li> <li class="widlist"> <a href="/news/390.html" target="_blank" title="mysql怎样将两列或是多列合并为一列?"> <i class="gx"> <img src="/0pic/yc_498.jpg" alt="mysql怎样将两列或是多列合并为一列?"> </i> </a> <h3> <a href="/news/390.html" target="_blank" title="mysql怎样将两列或是多列合并为一列?">mysql怎样将两列或是多列合并为一列?</a> </h3> <div class="sidefoot"> <span>2024-09-25 19:26:01</span> </div> </li> <li class="widlist"> <a href="/news/122.html" target="_blank" title="如何修改mysql中列的默认值"> <i class="gx"> <img src="/0pic/yc_418.jpg" alt="如何修改mysql中列的默认值"> </i> </a> <h3> <a href="/news/122.html" target="_blank" title="如何修改mysql中列的默认值">如何修改mysql中列的默认值</a> </h3> <div class="sidefoot"> <span>2024-09-25 17:57:02</span> </div> </li> <li class="widlist"> <a href="/news/513.html" target="_blank" title="使用ORDER BY进行排序语法和实例讲"> <i class="gx"> <img src="/0pic/yc_146.jpg" alt="使用ORDER BY进行排序语法和实例讲"> </i> </a> <h3> <a href="/news/513.html" target="_blank" title="使用ORDER BY进行排序语法和实例讲">使用ORDER BY进行排序语法和实例讲</a> </h3> <div class="sidefoot"> <span>2024-09-25 20:06:02</span> </div> </li> <li class="widlist"> <a href="/news/511.html" target="_blank" title="php设计模式1——单例模式"> <i class="gx"> <img src="/0pic/yc_491.jpg" alt="php设计模式1——单例模式"> </i> </a> <h3> <a href="/news/511.html" target="_blank" title="php设计模式1——单例模式">php设计模式1——单例模式</a> </h3> <div class="sidefoot"> <span>2024-09-25 20:05:02</span> </div> </li> <li class="widlist"> <a href="/news/510.html" target="_blank" title="php使用curl post 发送jso"> <i class="gx"> <img src="/0pic/yc_144.jpg" alt="php使用curl post 发送jso"> </i> </a> <h3> <a href="/news/510.html" target="_blank" title="php使用curl post 发送jso">php使用curl post 发送jso</a> </h3> <div class="sidefoot"> <span>2024-09-25 20:05:02</span> </div> </li> <li class="widlist"> <a href="/news/385.html" target="_blank" title="MySQL数据库快速部署实践-在云端创建"> <i class="gx"> <img src="/0pic/yc_144.jpg" alt="MySQL数据库快速部署实践-在云端创建"> </i> </a> <h3> <a href="/news/385.html" target="_blank" title="MySQL数据库快速部署实践-在云端创建">MySQL数据库快速部署实践-在云端创建</a> </h3> <div class="sidefoot"> <span>2024-09-25 19:25:02</span> </div> </li> <li class="widlist"> <a href="/news/364.html" target="_blank" title="使用的MSSQL的数据库,一直不能解决乱"> <i class="gx"> <img src="/0pic/yc_85.jpg" alt="使用的MSSQL的数据库,一直不能解决乱"> </i> </a> <h3> <a href="/news/364.html" target="_blank" title="使用的MSSQL的数据库,一直不能解决乱">使用的MSSQL的数据库,一直不能解决乱</a> </h3> <div class="sidefoot"> <span>2024-09-25 19:18:01</span> </div> </li> <li class="widlist"> <a href="/news/429.html" target="_blank" title="如果网站不小心封禁百度蜘蛛,会给网站带来"> <i class="gx"> <img src="/0pic/yc_293.jpg" alt="如果网站不小心封禁百度蜘蛛,会给网站带来"> </i> </a> <h3> <a href="/news/429.html" target="_blank" title="如果网站不小心封禁百度蜘蛛,会给网站带来">如果网站不小心封禁百度蜘蛛,会给网站带来</a> </h3> <div class="sidefoot"> <span>2024-09-25 19:38:01</span> </div> </li> <li class="widlist"> <a href="/news/447.html" target="_blank" title="Common Lang3 Bridge "> <i class="gx"> <img src="/0pic/yc_87.jpg" alt="Common Lang3 Bridge "> </i> </a> <h3> <a href="/news/447.html" target="_blank" title="Common Lang3 Bridge ">Common Lang3 Bridge </a> </h3> <div class="sidefoot"> <span>2024-09-25 19:44:02</span> </div> </li> </ul> </div> </div> </div> </div> <!--baidu_push_js--> <script type="text/javascript"> (function() { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!--baidu_push_js--> <footer> <p><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">皖ICP备09001001号</a></p> </footer> <span id="go-to-top"></span> <script language="javascript" type="text/javascript" src="/template/pc/skin/js/common_zx.js?t=1675041140"></script> <script language="javascript" type="text/javascript" src="/template/pc/skin/js/superslide.js?t=1675040906"></script> <script language="javascript" type="text/javascript" src="/template/pc/skin/js/sticky.js?t=1675040906"></script> <script> $(document).ready(function() { $(".aside").theiaStickySidebar({ additionalMarginTop: 0 }) }); </script> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> <script type="text/javascript">var root_dir="";var ey_u_switch=1;var ey_aid=359;</script> <script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?t=v1.6.2"></script> </body> </html>