html结构详解
head标签
只有一些特殊的标签才能放在head标签内,其他大部分标签都是放在body标签里的
head标签的六个子标签
- title标签
- meta标签
- link标签
- style标签
- script标签
- base标签
title标签
title标签的唯一作用就是定义网页的标题
meta标签
在HTML中,meta标签一般用于定义页面的特殊信息,如页面文字,页面描述等
这些内容并不能被用户所看到,是提供给搜索引擎的
meta标签有两个重要的属性name和http-equiv
name属性
name属性取值
属性值 | 说明 |
---|---|
keywords | 网页的关键字,可以是多个 |
description | 网页的描述 |
quthor | 网页的作者 |
copyright | 版权信息 |
我们一般只会用到keywords和description
http-equiv属性
meta标签的http-equiv属性只有两个重要的作用:定义网页所使用的的编码和定义网页自动刷新跳转
定义网页所使用的代码
<meta http-equiv="Content-Type" content="text/html;charset=t=utf-8"/>
===============================================================
<meta charset="utf-8">
定义网页自动刷新跳转
<meta http-equiv="refresh" content="6;url=http://www.lvyestudy.com"/>
style标签
在HTML中,style标签用于定义元素的CSS样式
script标签
在HTML中,script标签用于定义页面的JavaSript代码,也可以引入外部JavaScript文件
link标签
在HTML文件中,link标签用于引入外部样式文件(CSS文件)
base标签
这个标签并没有意义
body标签
body标签表示页面的身体
页面的内容都是在body标签内写的
HTML注释
<!--注释的内容-->
** **表示注释的结束
注释的内容并不会在浏览器中显示,所以我们可以理解为,注释的内容是写给程序员看的
代码实例
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
/*这里是填写javascript代码的*/
</script>
<style type="text/css">
/*这里写CSS样式*/
</style>
<!--网页关键字-->
<meta name="keywords" content="绿叶网,前端开发,后端开发"/>
<!--网页描述-->
<meta name="description" content="绿叶学习网,富有活力的web学习网站"/>
<!--本页作者-->
<meta name="author" content="dwx"/>
<!--版权声明-->
<meta name="copyright" content="违法必究"/>
<meta charset="utf-8">
<title>绿叶学习网</title>
<meta http-equiv="refresh" content="6;url=http://www.lvyestudy.com"/>
</head>
<body>
<p>绿叶学习网,给你初恋的感觉</p>
<h3>静夜思</h3>
<p>窗前明月光,疑是地上霜</p>
<p>举头望明月,低头思故乡</p>
<p>这个网页在6秒后会自动跳转到绿叶学习网</p>
</body>
</html>
绿叶学习网,给你初恋的感觉
静夜思
窗前明月光,疑是地上霜
举头望明月,低头思故乡
这个网页在6秒后会自动跳转到绿叶学习网