HTML-框架标签、实体、全局属性和元信息
HTML
1.框架标签
<iframe name="b站" src="https://www.bilibili.com" width="500" height="300" frameborder="0"></iframe>
iframe 标签的实际应用：
- 在网页中嵌入广告。
- 与超链接或表单的 target 配合，展示不同的内容。
2.HTML实体
在 HTML 中我们可以用一种特殊的形式的内容，来表示某个符号，这种特殊形式的内容，就是 HTML 实体。比如小于号 < 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。
字符实体由三部分组成：一个 & 和 一个实体名称（或者一个 # 和 一个实体编号），最后加上一个分号 ; 。
常见字符实体总结：
完整实体列表，请参考：HTML Standard(whatwg.org)
3.HTML全局属性
常用的全局属性：
完整的全局属性，请参考：全局属性 - HTML（超文本标记语言） | MDN (mozilla.org)
4.HTML元信息
- 配置字符编码
<meta charset="utf-8">
- 针对 IE 浏览器的兼容性配置。让IE浏览器能够以更好的性能渲染网页
<meta http-equiv="X-UA-Compatible" content="IE=edge">
- 针对移动端的配置，pc端的网页去适配移动端网页的页面
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- 配置网页关键字，用于用户进行搜索时的关键字
<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">
- 配置网页描述信息，让用户可以看到关于该网页的简介
<meta name="description" content="80字以内的一段话，与网站内容相关">
- 针对搜索引擎爬虫配置：
<meta name="robots" content="此处可选值见下表">
- 配置网页作者：
<meta name="author" content="tony">
- 配置网页生成工具
<meta name="generator" content="Visual Studio Code">
- 配置定义网页版权信息：
<meta name="copyright" content="2023-2027©版权所有">
- 配置网页自动刷新
<meta http-equiv="refresh" content="10;url=http://www.baidu.com">
当有url时，会在设置的时间过后自动跳转该地址，如果没有则只会进行刷新
完整的网页元信息，请参考：文档级元数据元素 | MDN