Összegzés a legutóbbi dokumentumvázlatos csevegésről PlatoBlockchain Data Intelligence. Függőleges keresés. Ai.

Összegzés a legutóbbi dokumentumvázlat-csevegésről

Nem mindennapi, hogy a HTML-címek a téma de jour, de az elmentett hivatkozásokat tartalmazó mappámban cikkek halmozódnak fel a nemrég egyesült a dokumentumvázlat algoritmusának eltávolítása a WHATWG Living Standard-ból.

Először is tudnia kell, hogy az algoritmus valójában soha nem létezett. Persze benne volt a specifikációban. És persze, volt egy figyelmeztetés a használatára vonatkozóan a specifikációban. De egyetlen böngésző sem valósította meg, mint pl – emlékeztetett minket Bruce Lawson. Egész idő alatt lapos dokumentumstruktúrában éltünk.

Ez nagyon régi hírek. Adrian Roselli írt a dokumentumvázlat mítoszáról óta 2013. De ez az ő 2016-os posztja a címe „Nincs dokumentumvázlat-algoritmus” amely átfogóan fogalmazza meg, és rendszeresen frissítik, további kontextusszemcsékkel azokról a beszélgetésekről és küzdelmekről, amelyek miatt ide jutottunk. Ez valóban a saga legjobb idővonala. Amelia Bellamy-Royds is beleásta magát a dilemma gyökereibe a múltban itt a CSS-Tricks-en.

Azonnal eszembe jut minden olyan munka, amely a szakaszolást támogató dokumentumvázlat-algoritmus elkészítéséhez szükséges. A specifikációból való eltávolítása minden bizonnyal a helyes hívás, de még akkor sem vonja le a herkulesi erőfeszítéseket, amiket beleadtak, még akkor sem, ha most el van temetve a verziótörténetben. Gondolok azokra a jó szándékú emberekre is, akik tévesen írtak az algoritmusról az idők során (beleértve ezt az oldalt is!) azzal a várakozással, hogy az már a sarkon van. Közel hét évnyi mentális és technikai adósságunk halmozódott fel a cselekmény hiányából adódóan.

Elnézve a „híreket”, miszerint az algoritmus hivatalosan már nem létezik, Bruce sajnálja, hogy nincs általános <h> elem vagy hasonló, amely szakaszokra osztható a megfelelő címsorszint létrehozásához. Egyetértek. Miután egy <h1> elem lényegében exponáltként létezik <title> korlátozó, különösen azért, mert az oldalak olyan ritkán épülnek fel egyetlen cikk köré, egyetlen legfelső szintű címsorral. Gyakran azon kapom magam, hogy összerándulok, valahányszor valami kártyaelemet készítek, amikor használom <h3> Lehet, hogy műszakilag helyes, de úgy érzi, nincs rendben. És ez még azelőtt van, hogy a stílusmegfontolásokról beszélnénk, amikor az alacsonyabb címsorszintnek most egy határozottan magasabb címsorszintnek kell kinéznie.

Ha már a címsor szintű kezelésről beszélünk, Steve Faulknernek (aki a PR szerzője volt, amely kivette az algoritmust a specifikációból) szuper praktikus áttekintés a használatáról <hgroup> elem alcímeket, feliratokat, alternatív címeket, snd címsorokat tartalmazó címsorok kezelésére. Biztos vagyok benne, hogy láttál már ilyen jelölést a vadonban:

<h1>Disappointingly Average</h1>
<h2>The Autobiography of Geoff Graham</h2>
<h3>by Geoff Graham</h3>

Ez nem derül ki egy lapos dokumentumvázlatból, amelyet a címsorszintek határoznak meg. Ezen címsorok mindegyike egy-egy szakaszt képvisel, amely az információk hierarchiáját alkotja:

Disappointingly Average
└── The Autobiography of Geoff Graham
    └── by Geoff Graham

Ehelyett azt szeretnénk, hogy a csoport címsorok közül. Jelölje meg a <hgroup> elem:

Ha be van ágyazva a <hgroup> elem, a <p> az elem tartalma egy alcímet, alternatív címet vagy szlogenet jelent, amelyek nem szerepelnek a dokumentum vázlatában.

Tehát ezt a szerkezetet kapjuk:

<hgroup>
  <h1>Disappointingly Average</h1>
  <p>The Autobiography of Geoff Graham</p>
  <p>by Geoff Graham</p>
</hgroup>

<hgroup> is role=generic pillanatnyilag, de Steve javaslatra mutat rá ami leképezheti role=group. Ha ez megtörténik, az akadálymentesítési fa lehetővé teszi a kisegítő technológiának, hogy több szemantikai jelentést rendeljen ezekhez a bekezdésekhez, mint feliratok és jelszavak. Könnyen hangzik, de Steve észreveszi az útjában álló kihívásokat. Azt is bemutatja, hogyan valósítható meg ez a fajta minta manapság ARIA attribútumokkal.

Amíg kerekítjük a dolgokat, Matthias Ott tett közzé néhány tippet strukturált vázlat létrehozása címsorokkal. Tekintse meg a végét, ahol megtalálja az eszközök nagyszerű listáját, amellyel ellenőrizheti a címsorok körvonalait.

Időbélyeg:

Még több CSS trükkök