一、框架标签
框架标签可以在网页中嵌入广告,嵌入浏览器能看的任何文件,与超链接或表单的 target 配合,展示不同的内容
<!-- 利用iframe嵌入一个普通网页 -->
<iframe name="taobao" src="https://www.taobao.com" width="900" height="300" frameborder="0"></iframe>
属性:
name:框架名字,可以与 target 属性配合
src:要展示的来源
width : 框架的宽
height : 框架的高度
frameborder :是否显示边框,值:0 或者1
下面超链接或者表单的target与框架标签的name一致,框架标签不是块级元素,因为不换行
<!-- 与超链接的target属性配合使用 -->
<a href="https://www.toutiao.com" target="container">点我看新闻</a>
<a href="https://www.taobao.com" target="container">点我看淘宝</a><br>
<!-- 与表单的target属性配合使用 -->
<form action="https://so.toutiao.com/search" target="container">
<input type="text" name="keyword">
<input type="submit" value="搜索">
</form>
<iframe name="container" frameborder="0" width="900" height="300"></iframe>
二、HTML实体
字符实体由三部分组成:一个 & 和 一个实体名称(或者一个 # 和 一个实体编号),最后加上一 个分号 ;
完整实体列表可以在此找到
三、HTML全局属性
id
给标签指定唯一标识,id 在一个html文件内是不能重复的
可以让 label 标签与表单控件相关联;也可以与 CSS 、JavaScript 配合使用
不能在以下HTML元素中使用:
<head> <html> <meta> <script> <style> <title>
class
给标签指定类名,随后通过 CSS 就可以给标签设置样式
style
给标签设置 CSS 样式
dir
内容的方向,值: ltr 、 rtl
用于<bdo>表示文字的顺序,用于<div>表示文字在屏幕的位置
不能在以下HTML元素中使用:
<head> <html> <meta> <script> <style> <title>
title
给标签设置一个文字提示,一般超链接和图片用得比较多
lang
给标签指定语言,一般在html中用得多
不能在以下HTML元素中使用:
<head> <meta> <script> <style> <title>
完整全局属性可以参考如下
四、meta元信息
配置字符编码
<meta charset="utf-8">
针对 IE 浏览器的兼容性配置
<meta http-equiv="X-UA-Compatible" content="IE=edge">
针对移动端的配置
<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="tom">
配置网页生成工具
<meta name="generator" content="Visual Studio Code">
配置定义网页版权信息
<meta name="copyright" content="2023-2027©版权所有">
配置网页自动刷新
<meta http-equiv="refresh" content="10;url=http://www.baidu.com">
完整meta元信息可以参考如下
总结
本篇学习框架标签、html实体、html全局属性和meta元信息,至此,html4的内容告一段落了。