前面的文章简单的介绍了一些HTML标签,当然只是HTML标签中的一小部分
这篇文章简单介绍一下HTML的大体页面结构
尽管现在网页变得越来越复杂,但是最基本的底层结构没有发生变化,还是相对简单
一个网页包含以下:
1 文本内容
2 对其他文件的引用
3 标记:对文本内容进行表述以及确保引用正确应用
每个网页都是由以下结构开始构建的
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" /> //这个的作用是转码,让任何浏览器识别你的HTML中的文字,不会出现乱码,不加的话在一些浏览器上汉字是乱码,utf-8请自行百度
<title>我的网页</title>
</head>
<body>
</body>
</html>
上面的例子只能让网页像一张白纸一样,算是弄一个接下来可以扩充内容的空间,以后会展示更多的网页内容,之前文章中的例子都是写在这个页面结构中的一部分。DOCTYPE,html,head, body这是任何网页都有的,它们是网页的基础,在这里, 可以添加的内容有两个,一个是赋予html元素中 lang 属性的 语言代码,二是 <title> 和 </title> 之间的文字,用来命名当前网页
实际上,body元素之上的那些部分是为浏览器和搜索引擎准备的,用户不会看到,及时用户可以看到title元素的内容,但是title标签之间的内容更重要的是让浏览器和搜索引擎识别。
<!DOCTYPE html> 部分的作用是告诉浏览器这是一个 HTML5 页 面。DOCTYPE 应该始终位于页面的第一行。