在文档头部元素中,一般需要包括标题、图标和元信息等,而且界面头部元素是以<head>开始,</head>结束。
<head>元素的作用范围是整篇文档元素中可以有<meta>元信息定义,文档样式表定义和脚本等信息。定义在头部中的内容往往不会在网页上直接显示。
基本语法:<head>...</head>
元信息
元信息:文档的概要信息,如网页编码、关键字和描述。
<meta>标签永远位于文档的头部,不包含任何内容
<meta>标签通过属性来实现其功能
基本语法:<meta 属性="属性值"/>。例如:<meta charset="UTF-8" /> 用来指定网页编码格式为UTF-8。
<title>...</title>:定义浏览器标题栏里显示的文档标题。
标题栏图标
1.网站根目录放置1个名称为favicon.ico的图片文件,浏览器会自动显示在标题栏中。目前这种方法不常用了。
2.自己定义放置的位置(使用ico图标作为标题栏图标)。用法:<like rel="icon" type="image/x-icon" href="路径" />
对于第一次学习人员的扩展:
link:引入外部文件
rel:定义当前文档与被链接文档间的关系
type:定义被链接文档的mime类型
href:定义被链接文档的路径
ico图标可以使用工具生成。搜索ico生成工具,在线生成ico图标。16*16通用于PC、手机等移动端。
3.使用jpg格式的图片作为标题栏图标
语法:<like rel="icon" type="image/jpeg" href="路径" />
4.使用png格式的图片作为标题栏图标
语法:<like rel="icon" type="image/png" href="路径" />
5.使用gif格式的图片作为标题栏图标
语法:<like rel="icon" type="image/gif" href="路径" />
关键字和描述
关键字和描述是用于搜索引擎使用。方便搜索引擎快速识别网页的内容。
关键字
语法:<meta name="keywords" content="要设置的关键字,可以使用多个,用英文半角,进行分隔,一般不超过5个keywords。">
描述
语法:<meta name="description" content="网页描述">
页面自动跳转
打开网页后,网页自动跳转到新网页
语法:<meta http-equiv="refresh" content="5;url" />
content说明:5表示页面在5秒后开始跳转到指定的url。如果不写url,则当前页面每隔5秒钟,自动刷新。
网页自动刷新语法:<meta http-equiv="refresh" content="5" />
定义样式和引入样式
设置样式
语法:<style>CSS样式</style>
引入样式文件
语法:<link rel="stylesheet" type="text/css" hrel="css文件路径" />
现代网站开发常用引入样式文件的方法引入CSS文件。
版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议,转载请保留链接: https://www.guanzhenzuo.com/programming/11.html