HTML页面结构的示例分析

发布时间：2022-02-24 10:51:03 作者：小新
来源：亿速云阅读：116

这篇文章主要介绍了HTML页面结构的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

许多时刻学网页出产垦荒的时辰第一看到的印象深入的便是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 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>标题问题部份-css5.com.cn</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>网页题目-css5.com.cn</title> 
<meta name="keywords" content="环节字" /> 
<meta name="description" content="此网页刻画" /> 
</head> 
<body> 
网页标明形式-WWW.CSS5.COM -CSS5供给 
</body> 
</html>

不管是html还是其他后缀的动静页面其html措辞结构都是这样的，只是在定名网页文件时以差别的后缀最后。

1、不管是消息照样静态页面都因而“<html>”开始，而后在网页最后以“</html>”末端。

2、“<html>”后接着是“<head>”页头，其在<head></head>中的模式是在涉猎器中模式无奈显露的，这里是给干事器、阅读器、链接外部JS、a链接CSS样式等地区，而内里“<title></title>”中布置的是网页标题，会在阅读器最左上看见如图：

HTML页面结构的示例分析
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言语结构，可打开一个web的网页，然后点击涉猎器的“查看”--今后点击“搜查源代码”即可瞥见该网页的html措辞结构，如许笼统依据此源代码来赏析此网页的HTML语言结构与内容。

感谢你能够认真阅读完这篇文章，希望小编分享的“HTML页面结构的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!

HTML页面结构的示例分析

相关阅读