完整的HTML文档应该包含两部分结构:头部信息(<head>)和主体内容(<body>)。为了使网页内容更加清晰、明确,容易被他人阅读,或者被浏览器及各种设备所理解,新建HTML5文档之后,需要构建基本的网页结构。
■实例设计
第1步,使用记事本新建一个文本文件,保存为index.html。
第2步,输入下面多行字符。注意,扩展名为.html,而不是.txt。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>网页标题</title>
</head>
<body>
</body>
</html>
■演示说明
通过上面的演示代码,可以看到每个网页都由固定的结构开始构建。这个HTML页面相当于一张白纸,因为访问者看到的内容位于主体部分(即<body>和</body>之间的部分),而这一部分现在是空的。
每个网页都包含DOCTYPE、html、head和body元素,它们是网页的基础。在这个页面中,可以定制的内容包括两项:一是设置lang属性的语言代码,二 是<title>和</title>之间的文字。HTML使用“<”和“>”字符包围HTML标签。开始标签(如<head>) 用于标记元素的开始,结束标签(如</head>)用于标记元素的结束。有的元素没有结束标签,如meta。
页面内容位于主体部分,<body>开始标签以上的内容都是为浏览器和搜索引擎准备的。<!DOCTYPE html>部分(简称为DOCTYPE)告诉浏览器这是一个HTML5页面。DOCTYPE应该始终位于代码的第一行,写在HTML页面的顶部。
html元素包着页面的其余部分,即<html>开始标签和</html>结束标签(表示页面的结
尾)之间的内容。
<head>和</head>标签之间的区域表示网页文档的头部。头部代码中,有一部分是浏览者可见的, 即<title>和</title>之间的文本。这些文本会出现在浏览器标签页中。某些浏览器会在窗口的顶部显示这 些文本,作为网页的标题显示。此外,这些文本通常还是浏览器书签的默认名称,它们对搜索引擎来说 也是非常重要的信息。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>