quando si utilizza un’intestazione markdown di primo livello (#) in un argomento, ciò si traduce in h1 o h2 nell’output HTML?
Emetterà un <h1> ![]()
quindi ciò significa che Discourse presume che sia bello avere più tag <h1> in una pagina? Sembra che se il titolo dell’argomento è h1, le intestazioni di primo livello all’interno di quell’argomento dovrebbero essere h2 per impostazione predefinita, no?
Discourse non presume nulla, restituirà ciò che gli chiedi di restituire.
È una pratica migliore usare ## usare ### come titoli di primo livello all’interno di un post, di sicuro ![]()
edit: vedi Use of H1 vs. H2 headings in composer - #16 by Canapin
Questa è sicuramente una “educazione per gli utenti” che potremmo risparmiarci non facendo di # un titolo di livello 1… ![]()
Sai se c’è un modo per cambiarlo? O almeno nascondere i titoli di livello 1 nella barra degli strumenti? (Immagino che le persone che scrivono direttamente in Markdown siano un obiettivo di educazione realistico…)
Sì, è piuttosto semplice. L’elemento della lista ha un attributo data-name="heading-1" che puoi prendere di mira con il CSS ![]()
Eheh, stavo giusto indagando anch’io. In un rapido test, questo nasconde l’opzione H1 sia nel compositore markdown che in quello rich text:
button[data-name="heading-1"] {
display: none;
}
(Potrei tenerlo! Non vedo molte ragioni per offrire H1 nel compositore.)
Capisco il tuo punto, ma questa non è una cosa che Discourse ha necessariamente deciso in un modo o nell’altro. Discourse segue una convenzione markdown chiamata CommonMark, e specifica che # debba essere convertito in un H1. Penso che questa convenzione su come le intestazioni markdown vengano convertite in tag HTML sia piuttosto standard tra le principali specifiche markdown.
Beh, due intestazioni <h1> non sono una domanda così grande in realtà. È un vecchio meme SEO che non è più un problema da molto tempo. Google e simili useranno il primo o quello che ritengono più adatto.
Possiamo discutere se due intestazioni principali siano la mossa più intelligente dal punto di vista del contenuto, ma quando una piattaforma utilizzerà uno stile diverso per il nome dell’argomento e le intestazioni nei post, non ha molta importanza.
Tuttavia, è più appropriato usare ##/<h2> nei post. Ma poiché non ha alcun ruolo effettivo, la mia opinione è che sia meglio che gli utenti utilizzino intestazioni che evitino quelle perché hanno paura di usare intestazioni “sbagliate” ![]()
Le intestazioni potrebbero essere solo un piccolo segnale per la SEO oggi, ma non mi piacciono comunque i titoli H1 multipli perché sono un nerd. ![]()
Sto anche pensando a come Steph stia creando la documentazione stampabile per la pubblicazione delle pagine, dove le H1 nel post vengono visualizzate ancora più grandi rispetto alla H1 superiore della pagina:
Trasformarle in H2 le manterrebbe leggermente più piccole della H1 superiore:
Sì, questo è il problema. Per me è naturale usare prima l’intestazione di primo livello, ma se il tema non è stilizzato con la stessa supposizione, è disordinato. C’è una sorta di disconnessione qui.
(Nota a margine: te lo sta mostrando in inglese senza alcun tuo intervento?!?)
È naturale, sì, e ha senso quando si costruisce una pagina web da zero. Ma un CMS o un sistema di pubblicazione ottiene quasi sempre l’H1 della pagina da un campo titolo, quindi di solito si ricorre all’H2 per le sezioni di contenuto.
(E ho usato lo strumento di traduzione del browser web per ottenere l’inglese.)
Sono d’accordo. Ma non dovremmo aspettarci che i membri della comunità debbano saperlo, secondo me.
Già – e non vedo alcuno svantaggio nel nascondere l’opzione H1.
Anche se non vedo un grande uso dei titoli da parte della maggior parte degli utenti che creano post tipici. Le persone che creano argomenti di documentazione più lunghi probabilmente hanno (o avranno presto) un po’ più di esperienza con ## e quell’icona “TT”.
(Inoltre: ho appena notato questa vecchia e interessante discussione in cui si suggerisce che i titoli dovrebbero essere usati solo negli argomenti e non consentiti nelle risposte: Disabilita intestazioni nelle risposte come h1 e h2)
Inoltre: ho appena notato questa interessante vecchia discussione in cui si suggerisce che le intestazioni dovrebbero essere utilizzate solo negli argomenti e non consentite nelle risposte: Disabilita le intestazioni nelle risposte come h1 e h2
Se questo può interessare a qualcuno, questo piccolo snippet nasconde completamente l’icona dell’intestazione “TT” nel compositore solo quando si risponde:
.composer-action-reply button.heading {
display: none;
}
I titoli non riguardano solo la SEO, ma anche l’accessibilità.
Gli screen reader possono passare da un titolo all’altro e possiamo specificare la profondità del titolo con le scorciatoie da tastiera.
Gli argomenti hanno i loro titoli <h1>, ma ogni risposta è preceduta dal proprio <h2> nascosto, visibile agli screen reader:
<h2 aria-hidden="false" class="sr-only" id="post-heading-9">
post by Jagster 4 hours ago
</h2>
Quindi, in ogni caso, quando si inserisce un titolo <h1> o <h2> nel contenuto, sarà sempre discendente di un <h2> preesistente ![]()
Direi che usare titoli superiori a <h3> in un post potrebbe rendere la navigazione tramite screen reader un po’ strana.
Sebbene non sia del tutto coerente tra gli argomenti esistenti, i modelli di post da Customization > Plugin utilizzano <h3> come titoli principali:
| | | |
| - | - | - |
| :information_source: | **Summary** | In poche parole, cosa fa questo plugin? |
| :hammer_and_wrench: | **Repository Link** | <> |
| :open_book: | **Install Guide** | [How to install plugins in Discourse](https://meta.discourse.org/t/install-plugins-in-discourse/19157) |
<br>
### Features
Descrivi le funzionalità principali del plugin
### Configuration
Includi passaggi dettagliati su come configurare il plugin (includi screenshot dove necessario)
### Settings
Includi una tabella delle impostazioni e delle descrizioni delle impostazioni
| Name | Description
|-|-|
|
È interessante notare che questo non è il caso per i modelli di Customization > Theme e Customization > Theme component, ma i loro modelli non contengono titoli. Forse questo dovrebbe essere cambiato.
Sono d’accordo. Sono anche un po’ nerd e mi piace che la gerarchia dei titoli sia pulita.
Quindi in realtà, in un post dovremmo usare solo h3 h4 h5 se vogliamo fare le cose per bene — potrebbe essere interessante avere una sorta di componente tema che lo “risolva”, significherebbe rimuovere i livelli di titolo più alti dai pulsanti e “tradurre” lo stile per h3 e sotto negli argomenti in modo che appaia corretto quando li usiamo…?
C’è anche h6 nel caso tu abbia bisogno di un altro livello nei post, ma è minuscolo
H5 è anche più piccolo del testo normale nel post, quindi non sono sicuro che lo userei
questo è h5
Ah, non lo sapevo! Probabilmente spiega il commento di Pfaffman secondo cui “il primo livello di intestazione in un post dovrebbe essere un h3” [1]
L’hack CSS diventa quindi:
button[data-name="heading-1"], button[data-name="heading-2"] {
display: none;
}
Grazie per aver affrontato l’accessibilità: sto cercando di tenerla in considerazione.


