HTML基本结构_动力节点Java学院整理
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
很多时候学网页制作开发的时候第一看到的印象深刻的就是html或htm后缀结尾的网页，我们把这类网页归结为静态网页，伪静态除外。
那html或htm与其它如php、asp、aspx、jsp等后缀结尾的网页有什么区别呢？
首先，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 0 Transitional//EN" "http://wwwworg/TR/xhtml1/DTD/xhtml1-transitionaldtd"> <html xmlns="http://wwwworg/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 lang="zh-CN"> <head> <meta charset="utf-8"> <title>网页标题</title> <meta name="keywords" content="关键字" /> <meta name="description" content="此网页描述" /> </head> <body> 网页正文内容 </body> </html>
无论是html还是其它后缀的动态页面其html语言结构都是这样的，只是在命名网页文件时以不同的后缀结尾。
1、无论是动态还是静态页面都是以“<html>”开始，然后在网页最后以“</html>”结尾。
2、“<html>”后接着是“<head>”页头，其在<head></head>中的内容是在浏览器中内容无法显示的，这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域，而里面“<title></title>”中放置的是网页标题。
3、接着“<meta name="keywords" content="关键字" /> <meta name="description" content="本页描述或关键字描述" /> ”这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。
4、接着就是正文“<body></body> ”也就是常说的body区 ，这里放置的内容就可以通过浏览器呈现给用户，其内容可以是table表格布局格式内容，也可以DIV布局的内容，也可以直接是文字。这里也是最主要区域，网页的内容呈现区。
5、最后是以“</html> ”结尾，也就是网页闭合。
以上是一个完整的最简单的html语言基本结构，通过以上可以再增加更多的样式和内容充实网页。
注意：网页一般的根据xhtml标准都要求每个标签闭合，如：以<html> 开始，以</html>闭合；如果没有闭合如<meta name="keywords" content="关键字" />就没有</meta> 就要<meta />来完成闭合。
以上就是通俗来讲的最简单的html语言结构，如果需要看更多更丰富的html语言结构，可打开一个网站的网页，然后点击浏览器的“查看”--然后点击“查看源代码”即可看见该网页的html语言结构，这样可以根据此源代码来分析此网页的HTML语言结构与内容。
相关文章
- HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐2009-04-02
- HTML是由标志和属性构成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐2008-10-17
- 这篇文章主要为大家详细介绍了html5组织文档结构的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-11
这篇文章主要介绍了html5页面结构,对于HTML5来讲,在网页结构上标签定义与使用更加语义化,有兴趣的可以了解一下2017-07-10- 这篇文章主要介绍了HTML5的文档结构和新增标签完全解析,需要的朋友可以参考下2017-04-21
- 这篇文章给大家介绍了html5文档结构标签的相关知识，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-04-21
- 这篇文章主要介绍了HTML基本标签及结构详解,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-23
最新评论