📌  相关文章
📜  HTML |<link>字符集属性(1)

📅  最后修改于: 2023-12-03 15:01:15.016000             🧑  作者: Mango

HTML | 字符集属性

在 HTML 中，使用 标记可以定义外部资源的引用关系，例如：样式表、图标等，其中可以设置字符集属性来确定页面的字符编码方式。

语法
<link rel="stylesheet" type="text/css" href="style.css" charset="UTF-8">

其中 charset 属性指定了字符编码方式，常用的编码方式包括：

  • UTF-8: Unicode 字符集，包括大部分国家和地区的字符。
  • GB2312: 简体中文字符集，包括简体中文字符。
  • GBK: GB2312 扩展字符集，包括繁体中文、日韩等字符。
  • ISO-8859-1: 西欧字符集，包括英文、德语、法语、西班牙语等字符。
注意事项
  • 应该保证 HTML 文件、样式表、脚本文件等所有资源使用相同的字符编码方式，避免出现乱码。
  • charset 属性应该在其他属性之前定义。否则可能导致一些浏览器无法正确解析样式表。
示例
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>字符集属性示例</title>
    <link rel="stylesheet" type="text/css" href="style.css" charset="UTF-8">
  </head>
  <body>
    <h1>字符集属性示例</h1>
    <p>这是一个使用 UTF-8 编码方式的页面。</p>
  </body>
</html>

在上述示例中，我们使用 <meta> 标记设置了 HTML 页面的字符集属性为 UTF-8，并在样式表的 <link> 标记中同样设置了 charset 属性为 UTF-8。这样可以保证所有资源使用相同的编码方式，确保页面正常显示。