王冠vi设计的核心价值在于为企业打造独特的品牌,王冠vi设计可以给企业带来良好的社会声誉和经济效益。
在本系列的第一部分中,我们介绍了导致HTML5结构元素的缺陷,在第二部分中,我们将详细讨论这些缺陷的后果。
我已经说过好几次了,HTML5引入了一种构造网页的新方法,你可能想知道这到底是什么。它就在规范中,规范引入了"分节内容"的概念:分节内容是定义标题和页脚范围的内容。每个分区内容元素都可能有一个标题和一个轮廓。
规范记录了标题、章节和大纲的方法,以使概念清晰。对于那些必须在浏览器中实现该功能的人来说。为了让我们理解超文本标记语言的结构元素(节、文章、导航、旁注以及它们的相关元素页眉和页脚)以及"内容分段"或"大纲"这个模糊的概念,我们需要对超文本标记语言的历史做一个小小的回顾。
概述一个旧概念
HTML5中引入的大纲概念可以追溯到1991年,并包含在命运多舛、没有出路的XHTML 2.0规范中,最终在HTML5中出现了…只是由于沟通不畅,这个想法在问世时就几乎夭折了。
在HTML5之前,页面的层次结构是由标题元素决定的——我们的老朋友氕到h6 .我们可以这样构建一个页面:页面标题是h1,文章标题可能是h2,文章的副标题可能是h3和h4,等等。
这对于一个简单的文档来说很好,但是对于一个复杂的现代网页来说,使用标题标签来创建一个逻辑层次结构,或者说"文档大纲"是非常困难的。部分问题是缺少确定页面部分开始和结束的方法。例如,假设我们有一个前面提到的文档,h1用于页面标题,h2用于文章标题,h3用于副标题,但是我们想用h3标题来标记侧栏部分的标题。
这种结构创建的文档大纲看起来会像这样:
氕我的旧博客/h1
氘我的最新博客文章/h2
h3我的博客文章子标题/h3
h3我的博客文章子标题/h3
h3关于我/h3
h3归档/h3
h3社交链接/h3
在这里,h3元素被它们上面的h2 "拥有",即使这没有多大意义。当然,我们可以用差异来表示文章,用差异来表示侧边栏,但是用户代理(比如屏幕阅读器)会忽略这些,他们只通过标题结构来决定页面轮廓。
通过将页面层次直接绑定到通常的表示标题级别,我们在如何构建页面方面受到了限制。
对老目标的新尝试
为了解决这个问题,HTML5引入了“切片元素”的概念,也就是说,将页面划分为——你猜对了——部分的特殊元素,这些部分决定了标题的嵌套级别,以及页面的层次结构或"轮廓"。
也就是说,页面的层次结构与标题元素是分离的,相反,这些新的分割元素决定标题元素的实际级别。
在XHTML 2.0规范的第一个草案中,分段使用部分元素和一个通用页眉元素。当编写超文本标记语言时,我们不会指定我们想要使用的标题级别,我们只是让浏览器决定给定标题的嵌套级别。我们可以嵌套99层深度的部分元素,第99层的海伦门相当于h99元素。这样,我们可以逻辑地组织我们的文档,而不用担心如何使用有限的h1-h6元素。
(顺便说一下,这个想法确实可以追溯到1991年:正如杰瑞米基思指出的
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐