HTML之head学习
程序员文章站
2022-07-11 12:14:28
...
1 head的作用
头部里的内容主要是被浏览器使用,不会显示在网页的正文内容中,搜索引擎会查找网页中的head信息,因此为了让搜索引擎能够搜索到网页需填写相应的head信息。
2 head中常用的html元素
1)标题title
示例:
<head><title>标题</title></head>
作用:
title中的内容显示在浏览器窗口的标题栏里。
2)连接link
示例:
<link rel="stylesheet" href="colorstryles.css" type="text/css">
作用:
可以建立与外部文件的连接。常用的睡对CSS外部样式表的连接
3)样式style
示例:
<head>
<style>
body{background-color:white;}
h1{font:18pt arial bold}
</style>
</head>
作用:
可以设定网页的内部样式表
4)关于网页信息meta
示例:
A: <meta name="description" content="头部信息">
<meta name="keywords" content="HTML,study,minkey">
<meta name="author" content="企鹅家族">
B: <meta http-equiv = "Refresh" content="5;url=http://www.XXX.com/index.html">
作用:
A:用来描述网页的相关信息
B:利用meta中色Refresh实现自动跳转页面的功能
5)base标签
示例:
<head>
<base href="http://www.xxx.xxx/images/" />
<base target="_blank">
</head>
<body>
<img src="stickman.gif:/>
<a href="http://www.123.com">nihao</a>
</body>
作用:
为页面里的所有连接定义基准URL和缺省的目标
转载于:https://my.oschina.net/syc2013/blog/109179
上一篇: HTML 标签学习之 fieldset
下一篇: web学习之-html