În calitate de dezvoltator web, nu pot să nu simt că toate aceste recomandări sunt incredibil de înșelătoare în 2015.

Sigur, eticheta „p” a fost destinată să fie folosită ca un paragraf la un moment dat... dar în 100% din aplicațiile mele, design-urile și doar în dezvoltarea generală de zi cu zi, nu am văzut altceva decât limitările impuse de Eticheta „p”... nu oferă niciun beneficiu pe internetul de astăzi.

Aș spune da, „p” este descriptiv și din acest motiv dacă toate acestea s-au întâmplat; „descrie ceva”, voi fi pentru asta... dar NU descrie doar conținutul, ci înlocuiește direct conținutul ALTERS, care, deși este deja limitat în sine, nu este tot ce face, ci LIMITEAZĂ și conţinut. De ce oricine sănătos ar acoperi în mod intenționat blocul de construcție suprem atunci când vine vorba de dezvoltare web, mă depășește. Din punct de vedere al designului, acest lucru nu are sens. Din punct de vedere structural, acest lucru nu are sens. Dintre manipulările DOM ale PERIOD, acest lucru nu are sens.

Am încetat colectiv să mai folosim eticheta „p”, cu excepția cazului în care trebuie neapărat (cum ar fi presele de dicționar al clientului, chestii stupide de genul acesta). Nu există nicio scuză pentru care nu putem descrie aproape totul cu clase și identificatori bine numite, așa că nu vedem niciun motiv pentru a ne înclina în fața „standardelor” care nu oferă niciun beneficiu și, de fapt, CONTORĂ fiecare piesă a puzzle-ului, etichetăți „p " nu ajută dezvoltatorul, Utilizator final sau modern motoare de căutare. Pe scurt... Eticheta „p” este aproape depreciată în implementări chiar și la distanță complexe (și dintr-un motiv foarte bun), nu lăsați comentariile acelor controale standard naziste să vă afișeze conținutul!

Chiar și pe acest site, destinat dezvoltatorilor de pe el, are un FOARTE TOP pagina proprie există o mică parte pop care ar putea folosi o etichetă „p”, deoarece conține suficient text pentru a rula la a doua linie, dar este complet capturată într-un DIV (și numai div, nu div -> p) aproape număr infinit motive... in primul rand, astazi "p" SUGHES in comparatie cu orice bloc bine descris creat dintr-un DIV care este la fel de bine descris (mai mult... zic eu) ca un paragraf "p" cu un id foarte descriptiv = „blurb” .

De la Stackoverflow:

eu vorbesc cu

și trăiește mult

Și da, apreciez standardele noastre web actuale și lucruri de genul acesta încă se întâmplă, oferind chiar și oportunități de a face lucruri cu unele browsere moderne, pe care nu îl poți realiza cu un container, dar doar atât, mai exact elementul „p” rupt, ca parte a HTML-ului restructurat și modernizat... ar fi trebuit lăsat în mormântul în care îi aparține... acesta a generarea de site-uri web în care paragrafele nu mai sunt paragrafe pentru totdeauna. blocurile se schimbă literalmente... este doar învechit și nepractic.

Prezentarea informațiilor prin ideea modernă de hipertext este în mod inerent absurdă, dar așa este și așa funcționează. Nu te poți certa cu asta și trebuie să ții cont de asta.

Din punct de vedere limbaj modern programare, nu contează modul în care sunt reprezentate datele: tipuri stricte și o descriere preliminară obligatorie, sau fără tipuri și descrierea cerută limbajul se va „gândi” pe măsură ce algoritmul se execută.

Este important să rețineți că orice nu este „înțeles” de browser, JavaScript sau limbajul serverului nu va fi executat. Eticheta de blocareîn aceste circumstanțe, se poate „transforma” în litere mici, dar litere mici în bloc - nr.

Logica paginii HTML

Exemplu istoric - etichetă font HTML. A fost „nerecomandat” pentru utilizare de ceva timp. Motivația „nu este recomandată” - caracteristică programare modernă. Lipsa compatibilității codului „în sus” între versiuni și nicio stabilitate în dezvoltarea secvențială a versiunilor componente softwareși concepte, de asemenea.

Într-adevăr, eticheta span în HTML este mult mai practică: nu se referă doar la font. Span poate modifica multe atribute ale afișajului și utilizarea unui anumit conținut.

Șirurile au fost întotdeauna reprezentarea principală pentru orice date, dar limbajele de programare nu au definit întotdeauna acest lucru în sintaxă, iar programatorii au fost conștienți de faptul că numărul sau valoarea booleană folosită este întotdeauna un șir.

Absurditatea și obiectivitatea hipertextului în Implementări HTML: aspectul este utilizarea unui set de etichete (pereche sau unice) pentru a descrie în mod formal conținutul (date). Nici descrierea, nici conținutul nu pot fi descrise în mod rezonabil ca informații. Primul este un anumit cadru în care se încadrează un anumit conținut - date.

Cadrul este construit din cărămizi (etichete) fixate rigid, care ocupă locuri strict definite în structură și elemente relative, care sunt aranjate „pe măsură ce cardul cade”.

Puteți împărți pagina în secțiuni pentru afișarea datelor folosind tabele sau elemente de bloc și puteți „umple” structura rezultată cu date cu alte etichete. Ele sunt de obicei numite litere mici, adică poziționate într-un mod care determină oportunitatea curentă și conținutul curent.

Exemplu de span HTML: ce este și cum se descrie

Caseta verde arată un exemplu de cod pe care a fost afișat browserul fundal gri. Blocky element div a ajuns în centrul textului care îl urmează în cod. Primul element a fost o etichetă cu clasa scSpanLine. Apoi a fost plasat textul în care două secțiuni din acest text au fost evidențiate folosind eticheta span cu clasa scSimpleSpan.

Elementele de linie a doua și a treia sunt poziționate exact așa cum este scris în cod.

Acest exemplu arată cum funcționează span în HTML. Este evident că aceasta este doar o secvență de date. Un alt lucru nu este evident: dezvoltatorul poate descrie această etichetă în orice fel îi place, poate chiar să aplice regula:

• POZIȚIE: absolută;

Nu va avea niciun efect. Specificarea coordonatelor și dimensiunilor, de asemenea, nu joacă niciun rol. Centrarea sau alinierea intervalelor în HTML este inutilă. Între timp, eticheta este foarte practică și solicitată în practică. Acesta este un ambalaj foarte convenabil pentru evidențiere moment importantîn fluxul general de date.

Principalul lucru este să înțelegeți că span HTML este o modalitate de a schimba afișarea unei linii sau de a clarifica regulile de afișare a unei părți a unei linii.

Logica pentru furnizarea de informații de linie

Folosiți un limbaj descriptiv date HTML conform scopului său, adică de a descrie date, este ieri. Folosirea unui limbaj de pe partea serverului pentru a forma corpul unei pagini este modernă și „toți” dezvoltatorii o fac. Sistemele de management al conținutului (CMS) sunt deosebit de pasionate de acest lucru.

Practica reală și nevoia de a crea site-uri web live este gestionarea dinamică a cadrului paginii și a conținutului acesteia. În acest sens, eticheta span în HTML (că este pur și simplu dinamică), ca rezultat Funcționează JavaScript, vă permite să creați conținut dinamic din mers.

JavaScript funcționează ca un convertor text sursăîn format și înlocuitori etichetele necesare cu necesarul Reguli CSSîn fluxul de ieșire, care este distribuit în cadrul elementelor bloc ale paginii.

Cu cât profesionalismul dezvoltatorului este mai mare, cu atât este mai mare aspectul blocului (sau tabelul) al paginii și prezența mai puțin reală a etichetelor span statice în HTML. Ce dă asta? Dinamica. JavaScript este un algoritm care poate prelua lucrul asupra unui flux de șiruri de caractere primit și îl poate reda așa cum a intenționat dezvoltatorul. Etichetele span vor apărea în in locul potrivit si la momentul potrivit.

În această postare vom acoperi două subiecte importante - utilizarea elementului span și crearea de text italic și aldine folosind etichetele em și strong. Probabil vei învăța ceva nou și util. După ce ți-ai amintit și a înțeles subtilitățile o dată, în viitor vei aplica aceste elemente mai corect.

Folosind elementul span

Element - al doilea element cel mai greșit înțeles în Dicționar HTML, după elementul bloc. Poate fi util să ne gândim la elementele span în acest fel: aceasta eticheta de linie, care este ca un colac de salvare în HTML și este folosit numai după ce utilizarea tuturor celorlalte elemente în această situație a fost eliminată. Aproape întotdeauna există soluții mai bune.

Elementul span este folosit doar ca ultima solutie, deoarece nu are sens semantic: nu există nicio modalitate de a spune ce conținut conține. Element este complet inutil fără cod CSS aplicat: în sine nu are absolut niciun efect asupra afișajului. Combinația acestor două caracteristici duce la faptul că element span pe site ar trebui folosit rar, atent și atent.

Exemplu tipic de utilizare a unui element într-un element de bloc - împachetarea conținutului care nu ar putea fi specificat altfel Stiluri CSS. De exemplu:

Din anumite motive, trebuie anumit cuvânt a fost afișat in caz contrar în acest paragraf.

Desigur, a trebuit mai întâi să excludem toate celelalte posibilități înainte de a folosi elementul span, evitând utilizarea markupurilor inline, cum ar fi: (utilizat pentru definiții) și (folosit pentru abrevieri), (folosit pentru a crea text italic) și (utilizat pentru a crea text aldine), fiecare dintre ele poate avea cod CSS aplicat.