【JavaWeb新手入门】开启篇之HTML框架

HTML框架

---

目录

1.iframe标签
2.字符实体
3.全局属性
4.meta元信息

---

iframe标签

• 在HTML中，我们可以使用iframe标签来实现一个内嵌框架。

• 语法：

  • < iframe src=“链接地址” width=“数值” height=“数值”>< /iframe>

• 属性

标签名	功能和语义	属性	单/双标签
iframe	框架 (在网页中嵌入其他文件)	name : 框架名字, 可以与 target 属性配合。   width: 框架的宽。   height: 框架的高度。   frameworker : 是否显示边框, 值: 0或者1	双

iframe 标签的实际应用:
1. 在网页中嵌入广告。
2. 与超链接或表单的 target 配合， 展示不同的内容。

---

字符实体

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

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

• 常见字符实体

  描述	实体名称	实体编号
  空格	& nbsp;	& #160;
  小于号 <	&lt	& #60;
  大于号 >	&gt	& #62;
  & 和号	& amp;	& #38;
  引号	& quot;	& #34;
  反引号	& acute;	& #180;
  分(cent)￠	& cent;	& #162;
  镑 (pound)£	& pound;	& #163;
  元 (yen) ¥	& yen;	& #165;
  欧元 (euro)€	& euro;	& #8364;
  版权 (copyright) ©	& copy;	& #169;
  注册商标 ®	& reg:	& #174;
  商标 ™	& trade;	& #8482;
  乘号 *	& times	& #215;
  除号 /	& divide;	& #247;

  ---

全局属性

• 任何标签都可以写的属性

• 常用的全局属性

属性名	含义
id	给标签指定唯一标识， 注意： id是不能重复的。  作用: 可以让 label标签与表单控件相关联; 也可以与 CSS、 JavaScript 配合使用。  注意： 不能在以下 HTML 元素中使用：  < head>、 < html>、 < meta>、 < script>、< style>、< title>
class	给标签指定类名， 随后通过CSS 就可以给标签设置样式。
style	给标签设置 CSS样式。
dir	内容的方向, 值: ltr、 rtl.  注意： 不能在以下 HTML 元素中使用：  < head>、 < html>、 < meta>、 < script>、< style>、< title>
title	给标签设置一个文字提示， 一般超链接和图片用得比较多
lang	给标签指定语言， 具体规范和可选值请参考【10. HTML设置语言】。  注意： 不能在以下 HTM. 元素中使用：  < head>、 < html>、 < meta>、 < script>、< style>、< title>

---

meta元信息

1. 配置子符编码
   < meta charset=“utf-8”>
2. 针对IE 浏览器的兼容性配置。
   < meta http-equiv="X-UA-Compatible"content=“IE= edge”>
3. 针对移动端的配置 (移动端课程中会详细讲解)
   < meta name="viewport"content=“width= device-width, initial-scale=1.0”>
4. 配置网页关键字
   < meta name="keywords"content=“8-12个以英文逗号隔开的单词/词语”>
5. 配置网页描述信息
   < meta name="description"content=“88字以内的一段话, 与网站内容相关”>
6. 针对搜索引擎爬虫配置：
   < meta name="robots"content=“此处可选值见下表”>

值	描述
index	允许搜索爬虫索引此页面
noindex	要求搜索爬虫不索引此页面。
follow	允许搜索爬虫跟随此页面上的链接。
nofollow	要求搜索爬虫不跟随此页面上的链接。
all	与 index, follow 等价
none	与 noindex, nofollow 等价
noarchive	要求搜索引擎不缓存页面内容。
nocache	noarchive 的替代名称。

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