html学习笔记4

框架标签

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

iframe标签的实际应用：

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

HTML实体

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

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

常见字符实体总结：

	描述	实体名称	实体编号
	空格	&nbsp；	&#160 ;
<	小于号	&lt；	&#60 ;
>	大于号	&gt；	&#62 ;
&	和号	&amp；	&#38 ;
￥	元（yen）	&yen；	&#165 ;
©	版权（copyright）	&copy；	&#169 ;
×	乘号	&times；	&#215 ;
﹢	除号	&divide；	&#247 ;

HTML全局属性

常用的全局属性：

属性名	含义
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	给标签指定语言。 注意：不能再以下HTML元素中使用： 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="配置网页关键字">

5.配置网页描述信息

<meta name="description" content="配置网页描述信息">

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

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

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

7.配置网页作者

<meta name="author" content="配置网页作者">

8.配置网页生成工具

<meta name="generator" content="配置网页生成工具">

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

<meta name="copyright" content="配置定义网页版权信息">

10.配置网页自动刷新

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