• 技术文章 >web前端 >前端问答

    一份标准的html文档有哪几个必须的部分

    青灯夜游青灯夜游2022-08-31 17:42:33原创831

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

    大前端成长进阶课程:进入学习

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

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

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

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

    1.png

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

    声明部分:DOCTYPE声明

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

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

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

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

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

    说明:

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

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

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

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

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

    html 元素有3个属性,分别是 lang属性、xmlns属性和 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>php中文网</title>
    	</head>
    	<body>
    		<p>正文的内容显示在浏览器窗口中。</p>  
            <p>title元素的内容显示在浏览器标签,收藏夹和搜索引擎结果中。</p>  
    	</body>
    </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视频教程

    以上就是一份标准的html文档有哪几个必须的部分的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html
    上一篇:HTML5里什么是导航标签 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html5的pc端是什么• mp3格式不是html5支持的音频格式• html5页面是静态网页吗• html5中px和em的区别是什么• 利用html语言编写网页,实现超级链接的标记是什么• html换行标签是什么
    1/1

    PHP中文网