概要
之前1.0部分我们大概的学习了一下HTML的基本标签,包括各种布局、格式、插件,在2.0部分,我们将讲一些关于网络和媒体的东西
HTML文档类型
HTML发展至今已出现了很多不同的版本,文档类型的声明就是告诉浏览器通过哪个版本显示代码
<!DOCTYPE >声明文档类型
声明文档类型一般都在<!DOCTYPE>里面声明,可以这样记忆DOC(文档格式)TYPE(类型)
HTML5文档的声明 <!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
balabala
</body>
</html>
HTML4.01
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML1.0
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML头部
就是在HTML的头部(<head>)内规定的元素,起到不同的作用
<tittle>定义文档标题
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>流云飞水</title>
</head>
<body>
<p>正文</p>
</body>
</html>
<base>定义的链接
用base定义的链接将在新窗口打开,如:
<html>
<head>
<title>流云飞水</title>
<base href="http://www.baidu.com.cn" />
<base target="_blank" />
</head>
<body>
<p ><a href="http://www.baidu.com.cn" target="_blank">这个连接</a>正文</p>
</body>
</html>
<link>定义样式
<html>
<head>
<title>流云飞水</title>
<base href="http://www.baidu.com.cn" />
<base target="_blank" />
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
<body>
<p ><a href="http://www.baidu.com.cn" target="_blank">这个连接</a>正文</p>
</body>
</html>
<meta>定义元数据
元数据(metadata)是关于数据的信息。
<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
<meta> 标签始终位于 head 元素中。
元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
<script>定义脚本
用于定义网页为客户服务的一些脚本,如js之类的
感想
学习要经常尝试,便会有连连惊喜!
每日一句:
如果注定,便一定会发生。