一、HTML的基本概念和HTML文件的基本结构

2024-04-27 15:18:49

字体：大中小

来源：转载

供稿：网友

序：需要了解的概念与词汇

在开始学习html前我们要先了解一下几个概念词汇，什么是www、http和html？他们之间有什么关系？让我们了解一下。

（1）WWW（W3C）

WWW是环球信息网的缩写，（亦作“Web”、“WWW”、“'W3'”，英文全称为“WorldWide Web”），中文名字为“万维网”，"环球网"等，常简称为Web。分为Web客户端和Web服务器程序。 WWW可以让Web客户端（常用浏览器）访问浏览Web服务器上的页面。是一个由许多互相链接的超文本组成的系统，通过互联网访问。在这个系统中，每个有用的事物，称为一样“资源”；并且由一个全局“统一资源标识符”（URI）标识；这些资源通过超文本传输协议（Hypertext Transfer PRotocol）传送给用户，而后者通过点击链接来获得资源。

万维网联盟（英语：World Wide Web Consortium，简称W3C），又称W3C理事会。1994年10月在麻省理工学院（MIT）计算机科学实验室成立。万维网联盟的创建者是万维网的发明者蒂姆·伯纳斯-李。

（2）HTTP

超文本传输协议（HTTP，HyperTextTransfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。

（3）HTML（HTML5）

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

以上部分是我们在学习html之前需要了解的。如果想要详细资料可以在搜索引擎上查找，有很多资料。了解之手我们就正式开始学习html了。

2、掌握HTML的基本结构

（1）早期完整的HTML标签结构

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>页面标题</title> <meta name="keyWords" content="关键字" /> <meta name="description" content="本页描述或关键字描述" /> </head> <body> 内容 </body> </html>

（2）HTML5完整的HTML标签结构

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>页面标题</title> <meta name="keywords" content="关键字" /> <meta name="description" content="此网页描述" /> </head> <body> 内容</body> </html> 我们可以看到早期的HTML结构和HTML5结构的声明部分 DOCTYPE 有所区别，这里我们推荐使用HTML5的标签结构

（a）在HTML文件中，不管是静态文件还是动态页面都要使用<html></html>标签在文件首尾进行标记。

（b）在<html>标签下方是<head></head>标签，这个区域是给服务器、浏览器、外部了解JS、和CSS样式表等预留的区域，注意此区域的内容在页面不显示。

（c）在<head></head>标签中包含一个<title></title>标签，它们是HTML文件在浏览器页面的标题名称。