Un generador automàtic de taules de contingut a Javascript

Bloc

Un generador automàtic de taules de contingut a Javascript

taula de continguts automàtica

Es pot facilitar la navegació per articles i informes web mitjançant una taula de continguts. Poden ser tediosos de crear i mantenir, de manera que deixeu que Javascript prengui la pressió.

Articles o informes web

Escriviu articles per al web o hi publiqueu informes? A continuació, hauríeu de millorar-los amb una elegant taula de continguts perquè el vostre lector pugui trobar el seu camí.

llista de comprovació de la revisió del codi python

I el bo és que no cal fer gaire a part d’incloure alguns Javascript i CSS a la pàgina juntament amb un sol

etiqueta. En fer-ho, acabareu amb una taula de continguts que s’assembla a la d’aquesta pàgina.

Com funciona

Cal que totes les seccions del vostre article tinguin una capçalera (sens dubte, ja ho feu), i l'script que us mostraré escanejarà aquestes capçaleres, crearà ancoratges a l'HTML i crearà la taula en un tauler a la part superior de la pàgina.

Primer ens hem de fixar en una capçalera que utilitzarem per als encapçalaments de les nostres seccions. Diguem

. A continuació, hem d’inserir tres coses al nostre fitxer: a etiqueta que té aquest aspecte:

Podeu posar-ho en qualsevol lloc, però immediatament després del títol és un bon lloc.

A continuació, heu d'inserir referències a un full d'estil CSS i un fitxer Javascript. L'enllaç CSS té aquest aspecte:

Poseu-ho en qualsevol lloc de la capçalera del fitxer HTML.

El Javascript té aquest aspecte:

I cal inserir-lo just abans de etiqueta.

A continuació, heu de posar els dos fitxers als quals heu fet referència al mateix directori que el vostre fitxer HTML.

# taula-de-contingut #javascript #css #programació #web

medium.com

Un generador automàtic de taules de contingut a Javascript

Es pot facilitar la navegació per articles i informes web mitjançant una taula de continguts. Poden ser tediosos de crear i mantenir, de manera que deixeu que Javascript prengui la pressió. Escriviu articles per al web o hi publiqueu informes? A continuació, hauríeu de millorar-los amb una elegant taula de continguts perquè el vostre lector pugui trobar el seu camí.