Web前端开发简明教程
首页 > Web前端开发简明教程 > 1.3 HTML网页结构

1.3 HTML网页结构

2020-10-12 17:34:48 44 0

编辑 收藏

1.3 HTML网页结构

一个网页的基本结构如图1-2所示(注:网页代码不区分大小写,如<html>与<HTML>等效)。

epub_22651130_3.jpg  

图1-2 网页基本结构

网页第一行为文档类型声明,用DOCTYPE声明文档类型,以便验证文档是否符合文档类型定义(DTD),同时指定了浏览器关于页面使用哪个HTML版本进行编写的指令,如HTML 5中新添加的标签在HTML 4.0类型的网页中是不合法的。HTML 4.0支持的三种DOCTYPE声明分别是严格型(strict)、过渡型(transitional)和框架型(frameset)。

严格型的DTD声明:<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">。

过渡型的DTD声明:<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">。

框架型的DTD声明:<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">。

而HTML 5只支持一种DOCTYPE声明:<! DOCTYPE html>。

如果不指定文档类型,大部分浏览器按自己的方式来处理网页代码,可能导致css样式不能正常显示(如不能水平居中)且javascript代码不能正常运行。<html>标签中的<head>标签和<body>标签分别设置网页的头部和网页内容,如图1-2所示,在<head>标签中通过<title>标签设置网页的标题,在<body>标签中输入的文字则会直接显示在网页中。

TAGS:前端教程

取消回复欢迎 发表评论: