Il rientro del testo deve essere utilizzato sul Web?

Ho pensato di aggiungere un rientro di testo al mio sito Web (-ha inciso la prima riga di paragrafi), ma prima ho cercato un po 'e ho scoperto che molti siti non hanno alcun rientro di testo. Perché? Ho pensato che chiarisse da dove iniziano i paragrafi, quindi perché non viene usato più spesso?

C'è un lato negativo o è solo una questione di moda / tendenza?

website-design typography

— ispiro
fonte

Risposte:

Puoi separare i paragrafi in vari modi.

Rientri

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Linea / spazio vuoto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Fleurons / Flourishes / icone / bug

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Numeri

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna.

Tutti (così come altri metodi) sono tutti validi. Ciò che di solito è disapprovato è combinarli, in quanto è un po 'ridondante. Se hai già uno spazio tra i paragrafi, il rientro non aiuta a separarli visivamente.

Per quanto riguarda il motivo per cui di solito vedi linee / spazi vuoti come il modo principale per separare i paragrafi sul web è perché è solo quello predefinito. Per impostazione predefinita, la maggior parte dei browser aggiunge tradizionalmente spazio tra i <p>tag. Quindi non era necessario utilizzare i rientri. Ma sei certamente libero di usare i rientri se preferisci.

— DA01
fonte

Interessante la cosa dei bug. Ma non penso che sia utile. : o) - I numeri (imho) significano qualcosa di adizionale rispetto a diversi paragrafi.

— Rafael,

L'utilità di @Rafael è basata sul contesto. :) Certo, non è comunemente usato.

— DA01,

Bene ... dobbiamo usare questi bug su queste caselle di commento! --- Stack Exchange: VOGLIO PARAGRAFI SUI COMMENTI! : o)

— Rafael,

@Rafael che in realtà è un ottimo esempio di dove sarebbe utile! :)

— DA01,

"Bugs" (o qualcosa di simile) sono stati usati in molte antiche forme di scrittura. Sono i separatori di paragrafi originali di un'epoca in cui la scrittura delle superfici era limitata e la densità delle informazioni era importante. Suggerirei di usarli in situazioni simili. Anche i rientri risparmiano spazio, rispetto all'alternativa di un'interruzione di riga aggiuntiva. Ma la tipografia web moderna dovrebbe usare la spaziatura quando possibile per leggibilità.

— Rich Remer,

Questa è principalmente una preferenza personale e alcuni sosterrebbero il motivo per cui le persone non usano un tappo di protezione al posto delle indentazioni. Personalmente lo spazio tra i paragrafi merita il rientro.

La mia comprensione dello scopo quando si utilizza il rientro deve essere utilizzata solo per nuovi blocchi di contenuti quando si scrive qualcosa come un post di blog per un sito. Detto questo, quando alcune persone usano siti o blog CMS, è difficile codificare un rientro sui paragrafi necessari quando si discutono più argomenti, quindi i tag di intestazione vengono utilizzati come separazione.

Per risolvere questo problema, è possibile utilizzare grepe jQuery per aggiungere la text-indentproprietà CSS su determinati <p>tag. Quindi per rispondere alla tua domanda questa è una preferenza personale. Nota anche se lo stai facendo per qualcosa come un post sul blog e non vuoi che ogni <p>tag sia rientrato, puoi usare lo pseudo-elemento first-child:

p:first-child {
  text-ident: 1.5em;
}

— DᴀʀᴛʜVᴀᴅᴇʀ
fonte

Storicamente, non c'era modo semplice per indentare i paragrafi o usare i dropcaps in HTML. Quando i CSS arrivarono a lungo, ciò cambiò le cose.

— DA01,

non parlare

— dell'età

Nella composizione classica per la materia lunga (cioè i libri) il primo paragrafo di una sezione avrebbe spazio sopra di essa e nessun rientro, mentre i paragrafi rimanenti avrebbero dei rientri. Questo di solito veniva fatto indipendentemente dall'intestazione o dal titolo della sezione. Il primo paragrafo di un'interruzione importante come un capitolo potrebbe ottenere un tappo di protezione o un tappo di protezione illuminato.

— RBerteig,

Il testo dovrebbe essere rientrato? Bene, è una questione di preferenze personali, ma la stragrande maggioranza dei siti che ho visto non fa rientrare i paragrafi.

Devi guardare l'origine dell'HTML

All'inizio dell'HTML non c'era una guida standard. L'HTML è stato originale creato da Berners-Lee considerato chi ha scritto il browser e il software del server. Le persone delle principali organizzazioni hanno chiesto quali comandi di formattazione potevano usare. Poiché i paragrafi nel testo scritto hanno spazio dopo di loro, hanno adottato questo in HTML. Ecco come funziona il <p>tag. Le persone adotteranno gli standard stabiliti e non utilizzerebbero il facoltativo.

C'è anche un estratto dal documento HTML 2.0

Il carattere di tabulazione orizzontale (posizione del codice 9 nel set di caratteri del documento HTML) deve essere interpretato come il numero minimo positivo di spazi diverso da zero che lascerà il numero di caratteri finora sulla linea come multiplo di 8. I documenti non devono contenere caratteri di tabulazione , poiché non sono supportati in modo coerente.

http://www.ietf.org/rfc/rfc1866.txt

La differenza tra scheda nei programmi di elaborazione testi e uso sul web

Un altro motivo per la mancanza di rientro è l'uso di Tab. In un programma di elaborazione testi siamo abituati a usare i tab per indentare i paragrafi. Bene, non è così che funzionano le cose sul web. Quando furono creati i moduli nei primi anni '90, le persone usavano il tasto tab per passare al campo successivo. Ora le persone sono abituate a questa funzione piuttosto che avere linee di rientro sul tab.

Non vi è alcun motivo per cui non è possibile rientrare in un paragrafo sul Web. Le persone sono abituate a non avere rientri sui paragrafi e avere lo spazio verticale.

p {
    text-indent: 20px;
}

— AndrewH
fonte

Il tasto tab è un po 'un'aringa rossa. Il tasto tab è sempre stato usato per passare da un campo all'altro. Questo precede il web. È rilevante per il textareacampo, ma non per la formattazione generale dei paragrafi in una pagina Web (poiché l'utente non utilizza il tasto Tab per leggere i paragrafi). Si noti inoltre che HTML non è ciò che ha creato lo spazio per impostazione predefinita, ma piuttosto, il rendering predefinito del browser del tag di paragrafo è ciò che ha creato lo spazio predefinito (A nit-pick tecnico, è

— vero

@ DA01 Berners-Lee non ha creato il software e il browser che renderebbe l'HTML? Capisco che un browser esegue il rendering dell'HTML ma non ha creato gli standard per questo? Il fatto che tab sia sempre stato usato per tab tra i campi è un motivo per cui non è stato implementato in HTML? Inoltre, il fatto che l'HTML non riconosca gli spazi bianchi.

— AndrewH,

Giusto, ma non c'era uno "standard HTML" per come renderlo. È appena successo che ha scelto di utilizzare una spaziatura aggiuntiva tra i paragrafi nel suo browser specifico. Altri browser hanno adottato questo valore predefinito, ma non è mai stato dichiarato uno standard di alcun tipo all'interno di HTML.

— DA01,