Heim > Web-Frontend > CSS-Tutorial > Zusammenfassung des jüngsten Dokumentenrückgangs Chatter

Zusammenfassung des jüngsten Dokumentenrückgangs Chatter

Christopher Nolan
Freigeben: 2025-03-11 10:20:10
Original
481 Leute haben es durchsucht

Zusammenfassung des jüngsten Dokumentenrückgangs Chatter

HTML-Titel sind in letzter Zeit zu einem heißen Thema geworden, da der Dokument-Umriss-Algorithmus im Echtzeitstandard von Whatwg entfernt wurde.

Erstens sollten Sie wissen, dass der Algorithmus nie wirklich existiert hat. Natürlich ist es in der Spezifikation. Natürlich warnt die Spezifikation auch davor, sie nicht zu verwenden. Aber wie Bruce Lawson uns erinnert, hat es kein Browser implementiert. Wir haben immer in einer flachen Dokumentstruktur gelebt.

Das sind sehr alte Nachrichten. Adrian Roselli schreibt seit 2013 über die Irrtümer der Dokumentenrückleiter. Sein Artikel aus dem Jahr 2016 mit dem Titel „Es gibt keinen Dokument -Umriss -Algorithmus“ erläutert dies vollständig und wird regelmäßig aktualisiert, um zusätzliche Hintergrundinformationen zu verwandten Dialog und Kämpfen hinzuzufügen. Dies ist in der Tat die beste Zeitleiste für dieses Ereignis. Amelia Bellamy-Royds hat auch die Grundursachen für dieses Problem bei CSS-Tricks untersucht.

Was ich sofort dachte, war alle Arbeiten, um den Dokument -Umrissalgorithmus für Partitionen zu unterstützen. Es ist sicherlich das Richtige, es aus der Spezifikation zu entfernen, aber das verringert nicht die großen Anstrengungen, die es unternimmt, auch wenn es jetzt in einer Versionsgeschichte begraben ist. Ich denke auch an alle, die freundlicherweise Artikel über den Algorithmusfehler schreiben (einschließlich auf dieser Website!) Und sie erwarten, dass er bald kommt. Aufgrund des scheinbar mangelnden Handelns haben wir fast sieben Jahre an geistigen und technischen Schulden angesammelt.

Abgesehen von der Nachricht, dass "der Algorithmus nicht existiert" ist, bedauert, dass es keine universelle gibt.<h></h> Elemente oder ähnliche Elemente können verteilt werden, um die richtige Titelstufe zu generieren. Ich stimme zu. Das Erstellen eines Elements <title></title>存在是具有约束性的,特别是由于页面很少围绕单个包含单个顶级标题的文章进行结构化。我经常发现自己每次制作某种卡片组件时都会感到痛苦,在这些组件中使用###在技术上可能是正确的,但感觉顺序不对。这甚至在我们讨论样式考虑之前,其中较低的标题级别现在需要看起来像不同的较高标题级别。

谈到标题级别管理,Steve Faulkner(他编写了从规范中删除该算法的PR)对使用<hgroup></hgroup>元素处理涉及子标题、副标题、替代标题和标语的标题模式进行了非常实用的概述。我相信您在实际中见过这样的标记:

<code><h1>令人失望的平均水平</h1> <h2>Geoff Graham的自传</h2> <h3>作者:Geoff Graham</h3></code>
Nach dem Login kopieren

这与由标题级别驱动的扁平文档大纲不符。每个标题都代表一个构成信息层次结构的部分:

<code>令人失望的平均水平└── Geoff Graham的自传└── 作者:Geoff Graham</code>
Nach dem Login kopieren

我们想要的是一个标题。这时<hgroup></hgroup>元素就派上用场了:

当嵌套在<hgroup></hgroup>元素中时,该元素的内容表示子标题、替代标题或标语,这些内容不包含在文档大纲中。

因此,我们得到以下结构:

<code><hgroup><h1>令人失望的平均水平</h1> <p>Geoff Graham的自传</p> <p>作者:Geoff Graham</p> </hgroup></code>
Nach dem Login kopieren

<hgroup></hgroup>目前的角色是role=generic,但Steve 指出,一个提案可以将其映射到role=group。如果发生这种情况,辅助技术将允许辅助技术将更多语义含义赋予这些段落,作为它们所扮演的副标题和标语部分。听起来很简单,但Steve 指出了阻碍的挑战。他还演示了如何使用ARIA属性在今天实现这种模式。

在我们总结的同时,Matthias Ott发布了一些关于使用标题创建结构化大纲的技巧。查看结尾处关于检查标题大纲的优秀工具列表。

Das obige ist der detaillierte Inhalt vonZusammenfassung des jüngsten Dokumentenrückgangs Chatter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage