Come sviluppatore web, non posso fare a meno di pensare che tutti questi consigli siano incredibilmente fuorvianti nel 2015.

Ovviamente il tag "p" a un certo punto doveva essere usato come paragrafo... ma nel 100% delle mie app, progetti e solo sviluppo generale quotidiano, non abbiamo visto altro che i limiti imposti dalla "p" tag... non offre alcun vantaggio nell'Internet di oggi.

Direi "sì", "p" è un elemento descrittivo, e per questo, se tutto questo accadesse; "descrivi qualsiasi cosa", sarò tutto per quello... ma NON descrive solo il contenuto, sostituisce direttamente ALTERS con il contenuto che, sebbene sia già limitato di per sé, non tutto ciò che fa, LIMITA anche il contenuto. Perché qualcuno sano di mente copre di proposito l'ultimo elemento costitutivo quando si tratta di sviluppo web è al di là di me. Dal punto di vista del design, non ha senso. Da un punto di vista strutturale, questo non ha senso. Da nessuna delle manipolazioni di PERIOD DOM, questo non ha senso.

Abbiamo smesso collettivamente di usare il tag "p", tranne quando è assolutamente necessario (come la stampa del dizionario lato client, cose stupide del genere). Non ci sono scuse per cui non possiamo descrivere quasi tutto con classi e ID ben definiti, quindi non vediamo alcun motivo per piegarci a "standard" che non servono a nulla, e in realtà CONTA ogni pezzo del puzzle, "p " il tag non aiuta lo sviluppatore, utente finale o moderno motori di ricerca. In poche parole... il tag "p" è quasi deprecato in implementazioni anche remotamente complesse (e con ottime ragioni), non lasciare che i commenti di quei controlli nazisti standard mostrino il tuo contenuto!

Anche su questo sito molto orientato agli sviluppatori ha un MOLTO ALTO propria pagina c'è una piccola parte pop che potrebbe usare il tag "p" in quanto contiene abbastanza testo per passare alla seconda riga, ma è completamente catturata in un DIV (e solo un div, non un div → p) per quasi un numero infinito ragioni... prima di tutto che oggi "p" FA SCHIFO rispetto a qualsiasi blocco ben descritto creato da un DIV che è altrettanto ben descritto (per di più... dico io) come un paragrafo "p" con un carattere molto descrittivo id = "sfocatura" .

Da stackoverflow:

sto parlando con

e vivi a lungo

E sì, apprezzo i nostri attuali standard web e cose del genere esistono ancora, offrendo anche la possibilità di fare cose con alcuni browser moderni cosa che non puoi realizzare con un contenitore, ma è solo che è specificamente un elemento "p" rotto, come parte di un HTML ristrutturato e modernizzato... avrebbe dovuto essere lasciato nella tomba a cui appartiene... è una generazione di siti Web in cui i paragrafi non sono più paragrafi per sempre. i blocchi stanno letteralmente cambiando... è semplicemente antiquato e poco pratico.

La presentazione delle informazioni attraverso l'idea moderna di ipertesto è in sostanza assurdo, ma è così che funziona. Non puoi discutere con questo e devi fare i conti con questo.

Dal punto di vista linguaggio moderno programmazione, non importa come vengono rappresentati i dati: tipi rigorosi e dichiarazione anticipata obbligatoria, oppure nessun tipo e descrizione desiderata il linguaggio "pensa" da solo mentre l'algoritmo viene eseguito.

È importante notare che tutto ciò che non è "compreso" dal browser, JavaScript o il linguaggio lato server non verrà eseguito. etichetta di blocco nelle circostanze può "trasformarsi" in inline, ma inline in block no.

Logica della pagina HTML

Esempio storico - tag Carattere HTML. È stato "sconsigliato" per molto tempo. Motivazione "non consigliata" - caratteristica programmazione moderna. Mancanza di compatibilità del codice a monte tra le versioni e nessuna stabilità nello sviluppo sequenziale delle versioni componenti software e anche concetti.

In effetti, il tag span in HTML è molto più pratico: non si tratta solo del carattere. L'intervallo può modificare molti attributi di visualizzazione e utilizzo di un determinato contenuto.

Le stringhe sono sempre state la rappresentazione di base di qualsiasi dato, ma i linguaggi di programmazione non lo hanno sempre definito per sintassi e i programmatori sono consapevoli che il numero o il booleano utilizzato è sempre una stringa.

L'assurdità e l'obiettività dell'ipertesto in Implementazioni HTML: il layout è l'uso di un insieme di tag (accoppiati o singoli) per descrivere formalmente il contenuto (dati). Né la descrizione né il contenuto possono ragionevolmente essere chiamati informazioni. Il primo è una sorta di frame, che contiene del contenuto: i dati.

Il telaio è costituito da mattoni rigidamente fissati (tag), che occupano posti rigorosamente definiti nella struttura, e relativi elementi, che si trovano “mentre la mappa cade”.

Puoi dividere la pagina in sezioni di visualizzazione dei dati con tabelle o elementi di blocco e puoi "riempire" la struttura risultante con dati con altri tag. Di solito sono chiamati inline, cioè disposti in base all'opportunità corrente e al contenuto corrente.

Esempio di span HTML: cos'è e come descriverlo

La casella verde è un esempio del codice su cui è stato eseguito il rendering del browser sfondo grigio. Blocky elemento divè finito al centro del testo che lo segue nel codice. Il primo elemento era il tag con la classe scSpanLine. Quindi è stato inserito il testo, in cui sono state selezionate due sezioni di questo testo con il tag span con la classe scSimpleSpan.

Il secondo e il terzo elemento inline si trovano esattamente come scritto nel codice.

Questo esempio mostra come funziona span in HTML. È ovvio che questa è solo una sequenza di dati. Un'altra cosa non è scontata: lo sviluppatore può descrivere questo tag a suo piacimento, può anche applicare la regola:

• POSIZIONE: assoluta;

Non ci sarà alcun effetto. Anche la specifica di coordinate e dimensioni non gioca alcun ruolo. Centrare o allineare un intervallo in HTML è inutile. Nel frattempo, il tag è molto pratico e richiesto nella pratica. Questo è un involucro molto utile per l'evidenziazione punto importante nel flusso di dati generale.

La cosa principale da capire è che uno span HTML è un modo per modificare la visualizzazione di una stringa o per perfezionare le regole per visualizzare parte di una stringa.

Logica per fornire informazioni in linea

Usa il linguaggio descrittivo Dati HTML secondo il suo scopo, cioè descrivere i dati, è ieri. L'uso di un linguaggio lato server per formare il corpo di una pagina è moderno e "tutti" gli sviluppatori lo fanno. I sistemi di gestione dei contenuti (CMS) sono particolarmente affezionati a questo.

La vera pratica e necessità per la creazione di siti live è la gestione dinamica dello scheletro della pagina e del suo contenuto. In questo senso, il tag span in HTML (che è solo una dinamica), come risultato JavaScript funziona, ti consente di creare contenuti dinamici al volo.

JavaScript funziona come un trasformatore codice sorgente a formattati e sostituti tag desiderati con il diritto regole CSS al flusso in uscita, che è distribuito sul framework degli elementi di blocco della pagina.

Maggiore è la professionalità dello sviluppatore, maggiore è il markup della pagina a blocchi (o tabella) e minore è la presenza reale di tag span statici in HTML. Cosa dà? dinamica. JavaScript è un algoritmo che può funzionare su un flusso di stringhe in entrata e visualizzarlo nel modo previsto dallo sviluppatore. appariranno i tag span posto giusto e al momento giusto.

In questo post tratteremo due argomenti importanti: l'utilizzo dell'elemento span e la creazione di testo in corsivo e in grassetto utilizzando em e tag forti. Probabilmente imparerai qualcosa di nuovo e utile. Ricordando e catturando le sottigliezze una volta, in futuro applicherai questi elementi in modo più corretto.

Utilizzo dell'elemento span

Elemento è il secondo elemento più frainteso Dizionario HTML, dopo l'elemento di blocco. Può essere utile pensare a elementi span come questo: etichetta in linea, che è come un'ancora di salvezza in HTML e viene utilizzato solo dopo che l'uso di tutti gli altri elementi in questa situazione è stato escluso. Ci sono quasi sempre soluzioni migliori.

L'elemento span si applica solo come ultima risorsa, poiché non ha significato semantico: non c'è modo di dire quale contenuto ci sia in esso. Elemento è del tutto inutile senza il codice CSS applicato: di per sé non ha assolutamente alcun effetto sul display. La combinazione di queste due caratteristiche si traduce in elemento span sul sito dovrebbe essere usato raramente, deliberatamente e con attenzione.

Un tipico caso d'uso per un elemento in un elemento block, avvolgendo contenuti che non potrebbero essere altrimenti specificati stili CSS. Per esempio:

Per qualche motivo dobbiamo farlo certa parola visualizzato altrimenti in questo paragrafo.

Ovviamente, prima di usare l'elemento span, dovevamo escludere tutte le altre possibilità, per smettere di usare il markup inline come: (usato per le definizioni) e (usato per le abbreviazioni), (usato per creare testo in corsivo) e (utilizzato per creare testo in grassetto), a ciascuno dei quali può essere applicato codice CSS.