返回顶部
首页 > 资讯 > 前端开发 > node.js >一份标准的html文档有哪些部分组成
  • 369
分享到

一份标准的html文档有哪些部分组成

2024-04-02 19:04:59 369人浏览 泡泡鱼
摘要

这篇“一份标准的html文档有哪些部分组成”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“一

这篇“一份标准的html文档有哪些部分组成”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“一份标准的html文档有哪些部分组成”文章吧。

有5个必须的部分:1、DOCTYPE声明,用于告诉浏览器编写页面所用的标记的版本;2、html根元素,包含文档的元数据,向浏览器提供有关文档内容和标记的信息;3、head头部,主要包含编码声明、标题、样式表嵌入等;4、title部分,用于定义文档的标题;5、body内容部分,包含文档的所有内容。

如何快速入门vue3.0:进入学习

教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML文档就是对一个文档的描述,都有一个固定的结构,分为许多个部分,每个部分都包含了一个或者多个元素。有些元素用于描述文档的基本信息,有些则描述文档结构,下面就是一个基本的HTML文档的结构:、

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Your page title</title>
</head>
<body>
.....
</body>
</html>

该HTML文档描述了一个空白页,这些基础成分确定了HTML文档的轮廓以及浏览器的初始环境。

一份标准的html文档有哪些部分组成

可以看出一份标准的html文档有哪5个必须的部分.

声明部分:DOCTYPE声明

DOCTYPE 是 document type(文档类型)的简写。

doctype 声明不属于 HTML 标签;而是一个文档类型标记,它是一条指令,告诉浏览器编写页面所用的标记的版本。

doctype 声明是一种标准通用标记语言的文档类型声明,在 WEB 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。

该元素告诉浏览器两件事情:

  • 它处理的是HTML文档;

  • 用来标记文档内容的HTML所属的版本,上面的写法就表明所用的是HTML5。

在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

说明:

  • <!DOCTYPE> 标签没有结束标签。

  • <!DOCTYPE> 对大小写不敏感。

总体分析:<html>所有内容</html>

html元素是根元素,它告知浏览器其自身是一个HTML文档。

<html> 标签是 HTML 文档中最外层的元素。

<html> 标签是所有其他 HTML 元素(除了 <!DOCTYPE> 标签)的容器

<html>根元素的作用就是告诉浏览器,在 <html> 和 </html> 之间的内容是HTML类型,浏览器便按HTML进行解析其中的内容。

html 元素有3个属性,分别是 lang属性、xmlns属性和 manifest 属性:

  • lang属性指定页面内容所使用的默认语言。指定文档所使用的语言,有助于语言合成工具选择发音语言,或者翻译工具选择翻译规则。如,<html>,表示本文档使用中文。

  • xmlns属性指派XML的命名空间。xmlns 属性在 XHTML 中是必需的,但在 HTML中不是。

  • manifest属性给出离线缓存文件的URL。HTML5 引入了应用程序缓存,这意味着 web 应用可被缓存,并可进行离线访问。如,<html manifest="waibo.manifest">,表示离线缓存文件为waibo.manifest。

头部:<head></head>

head元素包含文档的元数据,向浏览器提供有关文档内容和标记的信息,还可以包含脚本和对外部资源(比如CSS样式表)的引用。

HTML文档的各种属性和信息就是在<head>元素中定义的。

文档标题:<title>标题</title>

<title>元素是用于定义文档的标题;适用于所有HTML 或者 XHTML文档。

<title>元素的作用:

1、可以在浏览器选项卡中定义标题。

2、可以在添加到收藏夹时为页面提供标题。

3、可以在搜索引擎结果中显示页面的标题。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编程网</title>
	</head>
	<body>
		<p>正文的内容显示在浏览器窗口中。</p>  
        <p>title元素的内容显示在浏览器标签,收藏夹和搜索引擎结果中。</p>  
	</body>
</html>

一份标准的html文档有哪些部分组成

内容:<body></body>

文档body部分包含访问者可以看到的内容。

在有了这个基本的结构后,我们后面就可以将HTML的其它元素逐步添加进去,不断的丰富文档,最终得到我们希望的页面。

说明:

在 HTML 5 中,删除了所有 <body> 的特殊属性。但<body> 标签支持 HTML 5 中的标准属性:

属性描述
accesskeycharacter规定访问元素的键盘快捷键
classclassname规定元素的类名(用于规定样式表中的类)。
contenteditable
  • true

  • false

规定是否允许用户编辑内容。
contextmenumenu_id规定元素的上下文菜单。
data-yourvaluevalue

创作者定义的属性。

HTML 文档的创作者可以定义他们自己的属性。

必须以 "data-" 开头。

dir
  • ltr

  • rtl

规定元素中内容的文本方向。
draggable
  • true

  • false

  • auto

规定是否允许用户拖动元素。
hiddenhidden规定该元素是无关的。被隐藏的元素不会显示。
idid规定元素的唯一 ID。
item
  • empty

  • url

用于组合元素。
itemprop
  • url

  • group value

用于组合项目
langlanguage_code规定元素中内容的语言代码。
spellcheck
  • true

  • false

规定是否必须对元素进行拼写或语法检查。
stylestyle_definition规定元素的行内样式。
subjectid规定元素对应的项目。
tabindexnumber规定元素的 tab 键控制次序。
titletext规定有关元素的额外信息。

以上就是关于“一份标准的html文档有哪些部分组成”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网node.js频道。

--结束END--

本文标题: 一份标准的html文档有哪些部分组成

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

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

猜你喜欢
  • 一份标准的html文档有哪些部分组成
    这篇“一份标准的html文档有哪些部分组成”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“一...
    99+
    2024-04-02
  • html中一个表格由哪些部分组成
    本篇内容主要讲解“html中一个表格由哪些部分组成”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html中一个表格由哪些部分组成”吧! ...
    99+
    2024-04-02
  • html页面由哪些部分组成
    这篇文章主要介绍“html页面由哪些部分组成”,在日常操作中,相信很多人在html页面由哪些部分组成问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”html页面由哪些部分组成”...
    99+
    2024-04-02
  • Node.js的组成部分有哪些
    本篇文章给大家分享的是有关Node.js的组成部分有哪些,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。我们先了解下Node.js应用是由哪几部...
    99+
    2024-04-02
  • linux的组成部分有哪些
    今天小编给大家分享一下linux的组成部分有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。由四个部分组成:1、内核,是操...
    99+
    2023-06-30
  • HTML的最新标准有哪些
    今天就跟大家聊聊有关HTML的最新标准有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。什么是HTML5 简单地说,...
    99+
    2024-04-02
  • Spring Cloud组成部分有哪些
    这篇文章主要介绍“Spring Cloud组成部分有哪些”,在日常操作中,相信很多人在Spring Cloud组成部分有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Spring Cloud组成部分有哪些...
    99+
    2023-06-02
  • html中的标准写法与dreamweaver生成代码有哪些不一样
    小编给大家分享一下html中的标准写法与dreamweaver生成代码有哪些不一样,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!   代码如下:   <!--doctype指定文...
    99+
    2024-04-02
  • windows窗口的组成部分有哪些
    Windows窗口的组成部分包括: 标题栏:位于窗口的顶部,显示窗口的名称和控制按钮,如最小化、最大化和关闭按钮。 菜单栏:...
    99+
    2024-02-29
    windows
  • HTML文档中第一个有效标记是哪个
    这篇文章主要介绍HTML文档中第一个有效标记是哪个,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在html中,第一个有效标记是html标签,此元素可告知浏览器其自身是一个HTML文档。“”与“”标签限定了文档的开始点...
    99+
    2023-06-15
  • sql的名称由有哪些部分组成
    sql的名称由有哪些部分组成?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。   SQL语言是结构化查询语言...
    99+
    2024-04-02
  • html5中元素的组成部分有哪些
    这篇文章主要介绍了html5中元素的组成部分有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇html5中元素的组成部分有哪些文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • 主机域名的组成部分有哪些
    主机域名由以下部分组成:1. 主机名:主机名是指计算机的名称,用于唯一标识网络中的一台计算机。2. 域名:域名是指在互联网上用来标识...
    99+
    2023-06-10
    主机域名 主机 域名
  • 云服务器的组成部分有哪些
    云服务器(Cloud Storage)是一种服务器虚拟化技术,它通过将计算、存储和网络资源与数据中心中的服务器进行集中管理和调度。下面是云服务器的主要组成部分: 处理器:云服务器通常使用Intel至强处理器。 存储:云服务器通常使用磁盘...
    99+
    2023-10-26
    组成部分 服务器 有哪些
  • 云服务器的构成部分有哪些组成
    云服务器是一种虚拟化软件,用于管理和存储虚拟服务器上的资源。下面是云服务器主要的构成部分: 服务器系统软件:包括应用程序开发工具、虚拟网络管理器、负载平衡器、安全设备等。 存储:存储虚拟服务器的数据。 网络连接器:用于连接主机和其他云应...
    99+
    2023-10-26
    服务器 有哪些
  • php字符串组成部分有哪些
    本篇内容介绍了“php字符串组成部分有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在php中,字符串就是连续的字符序列,由一系列的字符...
    99+
    2023-07-04
  • html文档的头部元素有哪些及怎么使用
    这篇文章主要介绍了html文档的头部元素有哪些及怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇html文档的头部元素有哪些及怎么使用文章都会有所收获,下面我们一起来看看...
    99+
    2024-04-02
  • 一个vue页面由哪些部分组成
    今天小编给大家分享一下一个vue页面由哪些部分组成的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
  • 浏览器的主要组成部分有哪些
    小编给大家分享一下浏览器的主要组成部分有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!浏览器的主要组成部分有哪些?用户界面:...
    99+
    2024-04-02
  • Golang 架构的核心组成部分有哪些?
    Golang 是一种开源的编程语言,由谷歌公司开发,旨在提供高效的性能和简洁的语法。作为一种现代化的编程语言,Golang 的架构具有许多核心组成部分,这些组成部分为开发人员提供了强大...
    99+
    2024-03-02
    并发 源码管理 调度
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作