4 . HTML骨架 -- 解剖一下HTML
其实本节的标题,应该叫HTML框架(就是描述HTML文件的结构),可惜HTML中有一种元素就叫框架,所以我在这里使用骨架
HTML骨架示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>
HTML文件标题</title>
HTML头信息</head>
<body>
HTML内容信息</body>
</html>
上面这个框架应该够清晰了
引用网址:http://www.dreamdu.com/xhtml/
说明
- HTML文档首先要声明一个文档类型,也就是上面例子第一行,定义了XHTML1.1文档类型(文档类型是为了说明这个页面使用了何种HTML规则,或者结构,这个在将来的教程中会详细介绍)
<html>
和</html>
是HTML文档的开始与结束,也是HTML文档的根元素- 除了文档类型外的所有页面内容,都包括在html元素
- HTML文件中主要分为头信息head与内容信息body
文档head信息
- 头信息head可以容纳文档的HTML相关信息,比如标题title,页面的语言与文字类型,css样式,javascript代码,简短描述,关键词等内容,是用户无法直接看到的
文档body信息
- 内容信息body包括用户可以看到的全部内容,比如段落,链接,表格等
- 同学们还要注意一点,编写代码时一定要有层次感,
head
标签和body
标签都是在html
标签中的,所以我向后挫了一个tab键的距离,而HTML头信息又比head
标签后挫了一个tab键的距离
上面就是html最基本的框架,而我们将来要学习的内容多数在body元素中,还有一少部分在head元素中
猴子推荐: 使用tab键产生HTML代码的层次感,可以使代码更清晰,更容易扩展.