《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(上)
2.2 HTML 基础
HTML(HyperText Markup Language,超文本标记语言)是一种用于描述网页结构的标记语言,它使用特殊的语法或符号来组织有关页面的信息并将其提供给浏览器,元素两侧通常具有开始和结束标签。例如,我们可以在文本周围放置不同的标签来显示它是标题、段落还是列表,如代码清单 2-1 所示。
代码清单 2-1
h1> 大家好,我是石璞东/h1> 欢迎访问我的开源作品: ol> li> 个人网站(https://www.shipudong.com)/li> li> 个人微信公众号(hahaCoder)/li> li> 个人微信小程序(hahaAI)/li> li> Github(https://github.com/hahaDong?tab=repositories)/li> /ol>
运行结果如图 2-1 所示。
接下来,我们查看百度首页的源代码,如图 2-2 所示。
图2-2 百度首页的源代码
图2-2 中所标记的即为创建一个基本的 HTML 文档所必需的 4个标签( !DOCTYPE> 、html> 、head> 、body> )。接下来,详细介绍相关标签。
2.2.1 HTML 文档基本结构
1.!DOCTYPE> 标签
从1993 年6月HTML 第一个版本发布到 2014 年10 月W3C 正式发布 HTML5 最新推荐标准,在 HTML 发展的历史长河中,至少有 3个版本的 HTML 在广泛使用,包括 HTML4、XHTML1.0 及HTML5。关于 HTML4、XHTML1.0 的声明,这里不再赘述。我们重点关注 HTML5的声明方法,如代码清单 2-2 所示。
代码清单 2-2
!DOCTYPE html>
值得注意的一点,该标签没有结束标签且不区分大小写。图 2-3 所示即为!DOCTYPE> 标签在网页中的实际应用。
由于 HTML 目前至少有 3个版本在广泛使用,因此需要在网页的最上方添加一个!DOCTYPE> 声明来告诉浏览器网页的版本。另外,添加该标签后还可以避免浏览器通过怪异模式解析网页。
2.html> 标签
html> 标签是除!DOCTYPE> 标签以外的其他标签(包括head> 、body> 等)的容器,它表示一个文档中 HTML 部分内容的开始,如代码清单 2-3 所示。
代码清单 2-3
!DOCTYPE html> html> 大家好,我是石璞东。这里是 html 部分的内容。 /html>
html> 标签具有结束标签。图 2-4 所示即为html> 标签在网页中的实际应用。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(上)
本文地址: https://pptw.com/jishu/301018.html