HTML网页结构-静态网页

最新推荐文章于 2024-04-16 10:00:00 发布

不弃时光

最新推荐文章于 2024-04-16 10:00:00 发布

阅读量1.3k

点赞数

分类专栏：前端开发文章标签： HTML架构前端学习网页编程郝德新 GTLP769AF

本文链接：https://blog.csdn.net/haodexin01/article/details/82910226

版权

前端开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

    静态html页面是从头到尾没有程序的执行是纯粹的html语言，是不经过服务器处理就直接输出给浏览器呈现给浏览者。而其他后缀的网页相对来说就是动态网页页面，动态页面是经过服务器对各自的程序翻译处理、数据库操作等处理然后才由浏览器把服务器处理完的数据程序给用户，而网页内容数据可以随后台数据改变而改变。
    下面为HTML5之前网页的基本结构:

<!--文档声明：告诉浏览器以下文件用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>标题部分-www.divcss5.com</title> 
<meta name="keywords" content="关键字" />  
<meta name="description" content="本页描述或关键字描述" /> 
</head> 
<body> 
网页正文内容 
</body> 
</html>

HTML5之后的最新网页结构：

<!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>

对上面的代码进行一下了解

<!DOCTYPE html> 
<!--告诉浏览器以下文件为超文本标记语言-->
<html lang="en"> 
<!--lang="zh-CN"告诉浏览器 这个网站是一个中文站,en是英文站-->
<head> 
<!--head是html文件的头部-->    
    <meta charset="UTF-8">
<!-- charset="UTF-8" 网站的编码格式,utf-8 国际通用编码格式-->
    <title>Title</title>
<!--<title>网站的标题</title>-->
</head>
<!--head结束标签-->
<!--html主体内容-->
<body>
<!--只要显示页面的内容都放在body标签里-->
<!--所有的代码和符号都是英文状态下的-->
</body>
</html>