此网站为管振佐的个人博客,终身学习记录!
当前位置首页 > 编程> 正文

html之文档头部介绍

10-24 555 编程 html

在文档头部元素中,一般需要包括标题、图标和元信息等,而且界面头部元素是以<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

博客主人管振佐
男,河南人,做事情比较执着而已。
曾梦想仗剑走天涯,看一看世界的繁华,年少的心总有些轻狂,如今你四海为家...每一次难过的时候,就独自看一看大海...经历了人生百态世间的冷暖...

标签