HTML-框架标签、实体、全局属性和元信息

HTML

---

1.框架标签

 <iframe name="b站" src="https://www.bilibili.com" width="500" height="300" frameborder="0"></iframe>

iframe 标签的实际应用：

1. 在网页中嵌入广告。
2. 与超链接或表单的 target 配合，展示不同的内容。

2.HTML实体

在 HTML 中我们可以用一种特殊的形式的内容，来表示某个符号，这种特殊形式的内容，就是 HTML 实体。比如小于号 < 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。

字符实体由三部分组成：一个 & 和 一个实体名称（或者一个 # 和 一个实体编号），最后加上一个分号 ; 。

常见字符实体总结：

完整实体列表，请参考：HTML Standard(whatwg.org)

3.HTML全局属性

常用的全局属性：

完整的全局属性，请参考：全局属性 - HTML（超文本标记语言） | MDN (mozilla.org)

4.HTML元信息

1. 配置字符编码

<meta charset="utf-8">

2. 针对 IE 浏览器的兼容性配置。让IE浏览器能够以更好的性能渲染网页

<meta http-equiv="X-UA-Compatible" content="IE=edge">

3. 针对移动端的配置，pc端的网页去适配移动端网页的页面

<meta name="viewport" content="width=device-width, initial-scale=1.0">

4. 配置网页关键字，用于用户进行搜索时的关键字

<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">

5. 配置网页描述信息，让用户可以看到关于该网页的简介

<meta name="description" content="80字以内的一段话，与网站内容相关">

6. 针对搜索引擎爬虫配置：

<meta name="robots" content="此处可选值见下表">

7. 配置网页作者：

<meta name="author" content="tony">

8. 配置网页生成工具

<meta name="generator" content="Visual Studio Code">

9. 配置定义网页版权信息：

<meta name="copyright" content="2023-2027©版权所有">

10. 配置网页自动刷新

<meta http-equiv="refresh" content="10;url=http://www.baidu.com">

当有url时，会在设置的时间过后自动跳转该地址，如果没有则只会进行刷新

完整的网页元信息，请参考：文档级元数据元素 | MDN