web安全之HTML基础（1）常用标签学习

首先，我们要来了解一下一个简单的HTML页面架构是什么样子的：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

	</body>
</html>

HTML头部元素：

head元素

· 是所有头部元素的容器
· < title >,< base >,< link >,< meta >,< script >和< style >可以添加到< head >部分

title元素

· 用来定义文档的标题
· 能够定义浏览器工具栏里的标题
· 能够提供页面被添加到收藏夹时显示的标题
· 能够显示搜索引擎结果中的页面标题

meta元素

· 可提供有关页面的元数据（metadata,是关于数据的信息），比如针对搜索引擎和更新频度的描述和关键字。元数据不会显示在页面上，但对于机器是可读的。
· < meta >标签始终位于 head 元素中。
· 下面的 meta 元素定义页面的描述：

<meta name="description" content="苏酥su is a handsome boy" />

· 下面的 meta 元素定义页面的关键字：

<meta name="keywords" content="brave,handsome,rich" />

link元素

· 定义文档与外部资源之间的关系
· 最常用于连接样式表：

<head>
	<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

· rel属性：规定链接类型，指当前文档与被链接文档之间的关系
· type属性：指定所连接文档的MIME类型，css的MIME是type/css，一般使用type=“text/css”
· href属性：定义资源的链接URL，内容为一个绝对URL链接或一个相对URL链接（同一目录下名为mystyle.css的文件）


绝对路径	非常明确的指向目标地址，常用于指向另一个网站，如"http://…"
相对路径	方便于网站内部某些文件之间的移放,如"/…"