首页 前端知识 HTML-框架标签、实体、全局属性和元信息

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

2024-02-04 11:02:13 前端知识 前端哥 287 839 我要收藏

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">
  1. 针对 IE 浏览器的兼容性配置。让IE浏览器能够以更好的性能渲染网页
<meta http-equiv="X-UA-Compatible" content="IE=edge">
  1. 针对移动端的配置,pc端的网页去适配移动端网页的页面
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  1. 配置网页关键字,用于用户进行搜索时的关键字
<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">
  1. 配置网页描述信息,让用户可以看到关于该网页的简介
<meta name="description" content="80字以内的一段话,与网站内容相关">
  1. 针对搜索引擎爬虫配置:
<meta name="robots" content="此处可选值见下表">

在这里插入图片描述

  1. 配置网页作者:
<meta name="author" content="tony">
  1. 配置网页生成工具
<meta name="generator" content="Visual Studio Code">
  1. 配置定义网页版权信息:
<meta name="copyright" content="2023-2027©版权所有">
  1. 配置网页自动刷新
<meta http-equiv="refresh" content="10;url=http://www.baidu.com">

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1256.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!