HTML5学习（一）：字符实体与meta标签

字符实体与meta标签

1.字符实体

在 HTML 中，某些字符是预留的，所以不能直接书写一些特殊符号，如：

• 多个连续的空格（在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格）
• 比如字母两侧的大于小于号（可能会被认为是标签并解析）

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。实体的语法：

&entity_name;
或者
&#entity_number;

例如：

更多的字符实体可参考：HTML ISO-8859-1 参考手册

提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。

2. meta标签

定义和用法
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

以京东网站为例，右键单击，选择查看网页源代码：

<meta charset="utf8" version='1'/>
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>
<meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/>
<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/>

• charset：指定网页的字符集
• name：指定的数据的名称
  • keywords：表示网站的关键字，可以同时指定多个关键字，关键字间使用 , 隔开
  • description：表示网站的描述信息
• content：指定的数据的内容，会作为搜索结果的超链接上的文字显示

此外还有 http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

• content-security-policy：允许页面作者为当前页面定义一个内容策略。内容策略主要指定允许的服务器来源和脚本端点，这有助于防范跨站脚本攻击。
• content-type：声明文档的MIME类型和字符编码。如果指定，content属性必须有 "text/html; charset=utf-8 "的值。这相当于一个指定了charset属性的元素，并对文档中的位置有同样的限制。注意：只能在使用text/html的文档中使用，不能在使用XML MIME类型的文档中使用。
• default-style：设置默认的CSS样式表集的名称。
• x-ua-compatible： 如果指定，内容属性必须有 "IE=edge"的值。用户代理被要求忽略这个pragma。
• refresh：该指令指定页面重新加载及重定向的方式
  • 直到页面应该被重新加载的秒数–只有当content属性包含一个正整数时。
  • 直到页面重定向到另一个页面的秒数–只有当内容属性包含一个正整数，后面跟着字符串’;url=’，以及一个有效的URL。

例如：使用refresh，3秒钟之后自动跳转到了指定的网站。

<meta charset="utf-8">
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.baidu.com">