HTML5基础教程(三)
讲解HTML的基本标签
1.DOCTYPE
DOCTYPE 声明必须位于 HTML5 文档中的第一行，也就是位于 html 标签之前。该标签告知浏览器文档所使用的 HTML 规范。
doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。 HTML5的DOCTYPE声明写法如下：
<!DOCTYPE html>
在 HTML 4.01 中，DOCTYPE 声明引用 DTD, HTML4.01分别有Strict、Transitional和Frameset三种声明方式。
HTML4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
如果不考虑对低版本浏览器的兼容性，最好使用HTML5的DOCTYPE声明方式。
2.HTML的基本标签 HTML5的基本标签如下表： |标签|含义| |-|-| |html|定义 HTML 文档| |head|页面头部信息| |meta|页面元信息| |title|页面标题| |link|页面链接外部资源| |style|页面包含的样式表| |body|页面正文| |!--…--|页面注释| |script|页面包含的js脚本|
一个 html静态页面，完整的标签结构如下例所示:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>页面标题</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style>
h1{
color: blue;
}
</style>
</head>
<body onload="sayHello()">
<h1>欢迎大家访问我的个人主页</h1>
<hr>
<!--
我是注释，你看不到我.
-->
<script>
function sayHello(){
alert('hello,html5!');
}
</script>
</body>
</html>
运行效果：
注意：页面注释内容仅仅是页面是不显示，但是通过查看网页源代码，是可以看到包括注释在内的所有源代码内容。在页面弹出菜单选择'查看网页源代码'，如下图：
可以查看到所有网页源代码如下：
