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>、ead>、ody>)。接下来,详细介绍相关标签。
2.2.1 HTML 文档基本结构
1.TYPE>标签
从1993年6月HTML第一个版本发布到2014年10月W3C正式发布HTML5最新推荐标准,在HTML发展的历史长河中,至少有3个版本的HTML在广泛使用,包括HTML4、XHTML1.0及HTML5。关于HTML4、XHTML1.0的声明,这里不再赘述。我们重点关注HTML5的声明方法,如代码清单2-2所示。
代码清单 2-2
值得注意的一点,该标签没有结束标签且不区分大小写。图2-3所示即为DOCTYPE>标签在网页中的实际应用。
由于HTML目前至少有3个版本在广泛使用,因此需要在网页的最上方添加一个YPE>声明来告诉浏览器网页的版本。另外,添加该标签后还可以避免浏览器通过怪异模式解析网页。
2.标签
标签是除PE>标签以外的其他标签(包括、ody>等)的容器,它表示一个文档中HTML部分内容的开始,如代码清单2-3所示。
代码清单2-3
<html>大家好,我是石璞东。这里是 html 部分的内容。 </html>
标签具有结束标签。图2-4所示即为标签在网页中的实际应用。
《智能前端技术与实践》——第 2 章 前端开发基础 ——2.2 HTML基础——2.2.1 HTML 文档基本结构(中) https://developer.aliyun.com/article/1228354?groupCode=tech_library