首页 > 文章 > web前端 > html的网页结构由哪些部分组成

html的网页结构由哪些部分组成

php中世界最好的语言原创: 2017-11-23 16:25:049431浏览

我们都知道，开发一个网页的时候一定是要先布局网页的结构和组成部分，那么我们有哪些部分需要注意呢？下面给大家总结归纳一下。

首先，html页面是静态的从头到尾没有程序的执行是纯的html语言，是不经过服务器处理就直接送出给浏览器呈现给浏览者。

而其他后缀的结尾的网页相对来说就是动态网页页面，动态页面是经过服务器对各自的程序翻译处理、数据库操作等处理然后才由浏览器把服务器处理完的数据程序给用户，而网页内容数据可以随后台数据改变而改变。

那html基本语言机构是怎么样的呢？

先看一下的html结构：

<html>  
<head>  
<title>放置文章标题</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //这里是网页编码现在是gb2312 
<meta name="keywords" content="关键字" />  
<meta name="description" content="本页描述或关键字描述" /> 
</head> 
<body> 
这里就是正文内容 
</body> 
</html>

完整HTML包括html DOCTYPE声明、title标题、head、网页编码声明等内容

最初使用完整的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>

最新完整HTML结构-HTML源代码(推荐)：

<!DOCTYPE html>  
<html> 
<head> 
<meta charset="utf-8"> 
<title>网页标题</title> 
<meta name="keywords" content="关键字" /> 
<meta name="description" content="此网页描述" /> 
</head> 
<body> 
网页正文内容 
</body> 
</html>

无论是html还是其它后缀的动态页面其html语言结构都是这样的，只是在命名网页文件时以不同的后缀结尾。

1、无论是动态还是静态页面都是以“100db36a723c770d327fc0aef2ce13b1”开始，然后在网页最后以“73a6ac4ed44ffec12cee46588e518a5e”结尾。

2、“100db36a723c770d327fc0aef2ce13b1”后接着是“93f0f5c25f18dab9d176bd4f6de5d30e”页头，其在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1中的内容是在浏览器中内容无法显示的，这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域，而里面“b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f”中放置的是网页标题，

3、接着“c3c5bed191673316cd2b3446c91bcf60 a21a1af1562f54d61812c9ee8fa257bb ”这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。

4、接着就是正文“6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 ”也就是常说的body区，这里放置的内容就可以通过浏览器呈现给用户，其内容可以是table表格布局格式内容，也可以DIV布局的内容，也可以直接是文字。这里也是最主要区域，网页的内容呈现区。

5、最后是以“73a6ac4ed44ffec12cee46588e518a5e ”结尾，也就是网页闭合。

以上是一个完整的最简单的html语言基本结构，通过以上可以再增加更多的样式和内容充实网页。

注意：网页一般的根据xhtml标准都要求每个标签闭合，如：以100db36a723c770d327fc0aef2ce13b1 开始，以73a6ac4ed44ffec12cee46588e518a5e闭合；如果没有闭合如c3c5bed191673316cd2b3446c91bcf60就没有03d0e15baf5b7c9d224e5281b47a68fe 就要b88f04d3a519666fa90d4ea978ad6ccd来完成闭合。

以上就是通俗来讲的最简单的html语言结构，如果需要看更多更丰富的html语言结构，可打开一个网站的网页，然后点击浏览器的“查看”--然后点击“查看源代码”即可看见该网页的html语言结构，这样可以根据此源代码来分析此网页的HTML语言结构与内容。

HTML网页的组成部分就这么多了。更多精彩请关注php中文网其它相关文章！