Computerul ajuta Olympus.AndroidEvităm erorile comune în marcajul HTML5. Figura și elemente de figura - Standarde Web Erori comune în utilizarea elementelor
Evităm erorile comune în marcajul HTML5. Figura și elemente de figura - Standarde Web Erori comune în utilizarea elementelor
Elemente semantice HTML5. Disponibil descrie sensul sau destinația dvs. pentru browsere și dezvoltatori web. Înainte ca standardul HTML5 să apară, toate marcajele paginilor a fost efectuată în principal cu ajutorul elementelor.
care au fost atribuite clase de clasă sau ID-uri de identificare pentru marcajul vizual (de exemplu,
). Cu ajutorul lor, documentul HTML a plasat subsolurile superioare și inferioare, panourile laterale, navigația și multe altele.
Standardul HTML5 a furnizat elemente noi pentru structurarea, gruparea conținutului și a conținutului textual al layout-ului. Noile elemente semantice au făcut posibilă îmbunătățirea structurii paginii web prin adăugarea valorii semnificative a conținutului acestora în ele (a fost
, a devenit ). Nu sunt specificate reguli pentru a afișa aspectul elementelor, astfel încât elementele pot fi stilizate la discreția lor. Pentru toate elementele sunt disponibile.
Conform specificației HTML5, fiecare element aparține unei categorii specifice (zero sau mai mult). Fiecare dintre ele grupuri de grup cu caracteristici similare. Selectați următoarele categorii generale:
Meta conținut.
Conținutul de streaming.
Conținutul secțiunii
Conținutul antetului.
Conținutul de text
Conținut încorporat
Conținut interactiv
Descrierea elementelor HTML5
1. Element
Categorii de conținut: Conținutul fluxului. Grupurile de elemente introductive și de navigație nu sunt obligatorii. Poate conține titluri, ambalarea conținutului paginii, formularul de căutare sau logo-ul. Documentul HTML poate conține mai multe elemente simultan. Și pot fi localizate în orice parte a paginii.
Descrierea siteului.
Element Nu puteți pune în interiorul elementelor
2. Element
Categorii de conținut: Se intenționează să creeze un bloc de navigare pe pagina web sau întregul site web, nu trebuie să fie înăuntru . Pot exista mai multe elemente pe pagină.
Categorii de conținut: Conținutul de conținut, conținutul secțiunii. Folosit pentru a grupa intrări - publicații, articole, intrări de blog, comentarii. Este o unitate separată independentă destinată utilizării repetate, de regulă, începe cu un titlu. Pot fi duplicate pe alte pagini ale site-ului și conțin în interiorul altor elemente care în conținut au o atitudine strânsă față de conținutul articolului extern. Dacă există un singur articol cu \u200b\u200btitlul și conținutul de text pe pagină, nu trebuie să fie înfășurat cu un element. . Elementul este recomandat numai dacă conținutul elementului este indicat în mod explicit în schema de documente.
Ieri m-am alăturat Clubului Brooklyn Bird pentru călătoria noastră anuală în New Jersey Western, în special Humus Humus, un loc cald relativ recent descoperit.
Dar contează pentru lista dvs. de viață?
Se pare că acum puteți să vizionați păsările prin intermediul internetului. Nu am putut să-l testez încă (20 de limită de utilizator aparent), dar acest lucru este cu siguranță rece. Personal, nu-mi pot imagina înlocuirea de fapt în câmp prin orice sumă mică.
Categorii de conținut: Conținutul de conținut, conținutul secțiunii. Elementul este o secțiune de documente universale. Grupurile de conținut tematic și, de obicei, conține un antet. Nu este o clip de înfășurare, în aceste scopuri este mai adecvat să se utilizeze elementul.
. Conținutul poate fi cuprins, secțiuni ale publicațiilor științifice, programul evenimentului. Pagina de start a site-ului poate fi, de asemenea, împărțită în secțiuni - bloc de informații introductive, știri și contacte. Elementul este recomandat numai dacă conținutul elementului este indicat în mod explicit în schema de documente.
...
...
...
interior
Puteți crea elemente părinte cu elemente imbricate care au unul sau mai multe elemente . Nu toate paginile trebuie să fie aranjate în acest fel, dar aceasta este o metodă admisibilă de atașare a elementelor. De exemplu, zona principală de conținut a paginii conține două blocuri cu articole din diferite subiecte. Puteți pune accentul pe aceasta, plasând fiecare articol de un subiect în interiorul elementului
Note despre natură
...
...
Note istorice
...
...
Al 5-lea element
Categorii de conținut: Conținutul de conținut, conținutul secțiunii. Grupați conținutul asociat direct cu conținutul său dominant, dar care poate fi considerat separat (adică, eliminarea acestui bloc nu va afecta înțelegerea conținutului principal). Cel mai adesea, elementul este poziționat ca o coloană laterală (ca în cărți) și include un grup de elemente: , date digitale, citate, blocuri promoționale, înregistrări de arhivă. Nu este potrivit pentru blocuri, poziționate deoparte.
6. Element
Categorii de conținut: Conținutul fluxului. Este un subsol care conține secțiunea sau elementul rădăcină. Conține, de obicei, informații despre autorul articolului, date despre copiere etc. Dacă sunteți utilizat ca antet al întregii pagini, conținutul este completat de informații despre drepturile de autor, referiri la termenii de utilizare, la informațiile de contact, la referințele la conținutul asociat etc.
Într-un document web pot exista mai multe elemente
7. Element
Categorii de conținut: Conținutul fluxului. Folosit pentru a determina informațiile de contact ale autorului / proprietarului documentului sau al articolului. Pentru a desemna eticheta de documente a autorului plasată în interiorul elementului
, Pentru a afișa autorul articolului - în interiorul etichetei . În browser este de obicei afișat în caractere cursive.
8. Element
Categorii de conținut: Conținutul fluxului. Element Reprezintă conținutul principal al documentului (conținutul elementului ). Conținutul, situat în interiorul elementului, trebuie să fie unic și nu repetat în toate documentele site-ului, cum ar fi legăturile de navigare, informații despre copierea, logo-urile, formularele de căutare (dacă formularul de căutare este funcția principală a documentului).
Element nu poate fi un descendent al unor astfel de elemente ca ,
Categorii de conținut: Conținutul de conținut, conținutul secțiunii rădăcinilor. Element
Pădurea de toamnă
Element Este bloc, în lățime ocupă întreaga lățime a bloc-containerului pe minut de marjă de liniuță externă:
10. Element
Element - Element descendent , nu aparține nici unei categorii de conținut. Elementul este bloc, în lățime este egal cu lățimea elementului Altitudinea implicită este de 18px.
11. Element
Categorii de conținut: Determină timpul (24 de ore) sau data calendarului gregorian cu o posibilă indicație a timpului și deplasării fusului orar. Textul anexat în această etichetă nu are un stil de browser. Eticheta este disponibilă la atributul Datetime, deoarece conținutul a fost indicat ceea ce va vedea utilizatorul pe ecranul calculatorului său:
Pentru a citi automat, trebuie să fie în format de yyyy-mm-dd. Timpul care poate fi specificat și este dat în format HH: MM cu adăugarea prefixului T (Time):
12. Element
Categorii de conținut: Conținutul fluxului, conținutul textului. Tagged text , Implicit este galben (culoarea fundalului și culoarea fontului din blocul dedicat pot fi modificate prin specificarea anumitor stiluri CSS). Cu această etichetă, puteți marca conținutul important, precum și cuvintele cheie.
13. Element
Categorii de conținut: Conținutul fluxului, conținutul textului. Separă un fragment de text care urmează să fie izolat de restul textului pentru formatarea textului bidirecțional. Folosit pentru textele scrise simultan în limbile de citire de la stânga la dreapta și spre dreapta la stânga.
14. Element
Categorii de conținut: Conținutul fluxului, conținutul textului. Etichetă unică, arată locul browserului unde puteți adăuga o pauză lungă șirului, dacă este necesar.
15. Elemente pentru descrierea caracterelor din Asia de Est
Categorii de conținut: Conținutul fluxului, conținutul textului. Element Vă permite să vă căsătoriți unul sau mai multe elemente ale categoriei de conținut text folosind Ruby-Adnotare. Ruby-abstract este utilizat în predominant în tipografia din Asia de Est ca manual de pronunții sau pentru a include alte caracteristici. Elementul poate conține: - unul și mai multe noduri sau elemente text ; - unul sau mai multe elemente
Elemente ,
Element Determină textul investit în ea ca componentă de bază a adnotării. Element
În amprentele obișnuite, cum ar fi cărțile și revistele, imaginile, tabelele sau exemplele codului sunt de obicei însoțite de o semnătură. Până în prezent, nu avem nici o oportunitate de a aloca semantic acest tip de conținut direct către HTML, în loc să recurgă la numele clasei CSS. HTML5 speră să corecteze această problemă cu ajutorul articolelor noi: și . Să-i dau seama!
Element
Se presupune că elementul va fi folosit în combinație cu un element Pentru a aloca diagrame, ilustrații, fotografii și exemple de cod (printre altele). Despre asta se spune despre În specificație:
Element Este un fragment de conținut independent, este complet opțional cu o semnătură, care de obicei se referă la un element separat din conținutul principal al documentului și poate fi eliminat din document fără a aduce atingere semnificației sale.
Element
Element este opțională și poate apărea înainte sau După conținut în interiorul . Doar un element pot fi plasate în Deși elementul însuși pot conține mai multe filiale (de exemplu, sau ).
Folosind. și
Deci, am aflat că aceste elemente sunt menționate în specificație. Cum să le folosească? Să ne uităm la exemple.
Pentru imagine
Imagine în element Fără semnătură:
Iată codul pentru aceasta:
cu imaginea și semnătura
Imagine în interiorul elementului Cu o semnătură explicativă:
Macaque de la Borneo. Photo Richard Clark.
Și codul pe care l-am folosit:
Macaque de la Borneo. Photo Richard Clark.
Cu imagini multiple
Plasând mai multe imagini în interiorul unui element cu o semnătură partajată:
De la stânga la dreapta: Kukabara, Pelican și Loriquet multicolor. Fotografii ale lui Richard Clark
Și codul însuși:
De la stânga la dreapta: Kukabara, Pelican și Loriquet multicolor. Fotografii ale lui Richard Clark
cu blocul de cod.
Element Poate fi, de asemenea, utilizat pentru exemplele de cod:
Creative Commons Attribution Share-ALY
Utilizați elementul În jurul valorii de referire la licența Creative Commons cu licența Rel \u003d ".
Mai jos este codul pentru aceasta:
Creative Commons Attribution Share-ALY
Utilizați elementul în jurul valorii de referința la licența Creative Commons cu rel \u003d "licență".
Diferență între și
Am vorbit deja despre element
Dacă conținutul este pur și simplu legat și nu este esențial, atunci utilizați
Dacă conținutul este important, dar poziția sa în fluxul de conținut total nu este atât de importantă, elementul este utilizat .
Rețineți că, dacă poziția conținutului din text este strâns legată de conținutul anterior și ulterior, ar trebui utilizate mai multe elemente adecvate - de exemplu,