广告
返回顶部
首页 > 资讯 > 前端开发 > html >HTML页面结构的示例分析
  • 213
分享到

HTML页面结构的示例分析

2024-04-02 19:04:59 213人浏览 薄情痞子
摘要

这篇文章主要介绍了html页面结构的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 许多时刻学网页出产垦荒的时辰第一看到的印象深入

这篇文章主要介绍了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频道,更多相关知识等着你来学习!

--结束END--

本文标题: HTML页面结构的示例分析

本文链接: https://www.lsjlt.com/news/89003.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • HTML页面结构的示例分析
    这篇文章主要介绍了HTML页面结构的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 许多时刻学网页出产垦荒的时辰第一看到的印象深入...
    99+
    2022-10-19
  • HTML文档结构的示例分析
    这篇文章主要介绍了HTML文档结构的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML文档的结构,我们可以将它理解为网页的语法结...
    99+
    2022-10-19
  • jQuery中EasyUI结合zTree树形结构制作web页面的示例分析
    这篇文章给大家分享的是有关jQuery中EasyUI结合zTree树形结构制作web页面的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。easyui 是一个基于 jQue...
    99+
    2022-10-19
  • vue构建单页面应用的示例分析
    小编给大家分享一下vue构建单页面应用的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体如下步骤:1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vu...
    99+
    2022-10-19
  • HTML页面编码charset选择的示例分析
    这篇文章主要介绍了HTML页面编码charset选择的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 一、编码重要性 编码可招致...
    99+
    2022-10-19
  • html5页面的示例分析
    这篇文章将为大家详细讲解有关html5页面的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。内容 与之前的HTML4.01相比,HTML5增加了非常多的改变:①&n...
    99+
    2022-10-19
  • python页面解析的示例分析
    这篇文章主要介绍python页面解析的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!页面解析对于页面解析最强大的当然是正则表达式,这个对于不同网站不同的使用者都不一样,就不用过多的说明。其次就是解析库了,常用...
    99+
    2023-06-08
  • HTML的文档结构实例分析
    这篇文章主要讲解了“HTML的文档结构实例分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML的文档结构实例分析”吧!HTML的文档结构 <h...
    99+
    2022-10-19
  • HTML基础结构实例分析
    本篇内容主要讲解“HTML基础结构实例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML基础结构实例分析”吧! HTML标签通常是成对出现的(双边标记...
    99+
    2022-10-19
  • Xamarin.FormsShell中页面的示例分析
    这篇文章主要为大家展示了“Xamarin.FormsShell中页面的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Xamarin.FormsShell中页面的示例分析”这篇文章吧。轻拍...
    99+
    2023-06-04
  • MySql整体结构的示例分析
    这篇文章主要介绍MySql整体结构的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! MySql 整体结构MySQL 由连接池、SQL 接口、解析器...
    99+
    2022-10-18
  • mysql结构对比的示例分析
    小编给大家分享一下mysql结构对比的示例分析,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!小工具原由日常开发经常遇到数据库结构变更,但是不能实时记录下来,上线以后会造成测试和线上的数据库机构...
    99+
    2022-10-18
  • JavaScript之树结构的示例分析
    这篇文章主要介绍了JavaScript之树结构的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。二叉树--概念--二叉树是一种树形结构...
    99+
    2022-10-19
  • MySQL索引结构的示例分析
    这篇文章将为大家详细讲解有关MySQL索引结构的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。简介在数据之外,数据库系统还维护着满足特定查找算法的数据结构,这些数据结构以某种方式引用(指向)数据,...
    99+
    2023-06-29
  • Go语言结构的示例分析
    这篇文章主要为大家展示了“Go语言结构的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Go语言结构的示例分析”这篇文章吧。当前的调试部分可以使用 go run filename.go 来...
    99+
    2023-06-20
  • INI文件结构的示例分析
    小编给大家分享一下INI文件结构的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!INI文件结构INI文件是一种按照特点方式排列的文本文件。每一个INI文件...
    99+
    2023-06-17
  • Linux系统结构的示例分析
    这篇文章主要介绍Linux系统结构的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Linux系统一般有4个主要部分:内核、shell、文件系统和应用程序。内核、shell和文件系统一起形成了基本的操作系统结构...
    99+
    2023-06-15
  • HTML 5特效页面及js测试页面汇总的示例分析
    HTML 5特效页面及js测试页面汇总的示例分析,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。下面是一些用HTML5做的特效页...
    99+
    2022-10-19
  • JVM中体系结构的示例分析
    小编给大家分享一下JVM中体系结构的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!什么是JVM?JVM(Java Virtual Machine)是一个抽...
    99+
    2023-06-20
  • vue中项目结构的示例分析
    这篇文章主要为大家展示了“vue中项目结构的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vue中项目结构的示例分析”这篇文章吧。新建一个项目之后,我们...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作