Învățarea CSS 3 (foi de stil cascadă)
etichetă furnizează metadate despre documentul HTML. Metadatele nu sunt afișate pe pagină, ci sunt interpretate de browsere și de motoarele de căutare.
Specificarea codării unui document
etichetă vă permite să spuneți browser-ului vizitatorului care set de caractere și ce codificare pentru a seta pe pagina web. Atributul de caractere (HTML al etichetei ) specifică codificarea caracterelor pentru documentul HTML.
În acest exemplu, am setat codificarea documentului UTF-8 utilizând elementul și atributul charset. Codificarea UTF-8 este una dintre codările standard și standardizate ale textului, care vă permite să stocați caractere Unicode.
Standardul HTML 5 nu solicită o codificare specifică, dar recomandă utilizarea codării UTF-8. Nu este recomandat să utilizați codificările ASCII, CESU-8, UTF-7, BOCU-1, SCSU și UTF-32 din mai multe motive.
Este considerată o practică bună și este recomandat să definiți un set de caractere (codare) utilizând atributul charset. Atributul charset este doar o parte a algoritmului pentru determinarea codificării paginii de către browser. Este recomandat să specificați mai întâi codificarea caracterelor element (dacă sunt utilizate mai multe). Rețineți că pentru un document este specificată o singură codificare.
Teoretic, orice codificare poate fi utilizată, dar niciun browser nu le înțelege pe toți. Folosind o codificare mai caracteristică a caracterelor, crește șansa ca browserul să o înțeleagă. O listă completă de codificări este disponibilă la iana.org.
Frecvent utilizate meta-etichete
Metadatele sunt împărțite în două grupuri principale:
Împreună cu elementul Este folosit un alt atribut, conținut. sarcina sa principală este de a seta valorile asociate cu numele atributelor și http-equiv. în funcție de context. Dacă unul dintre aceste atribute este specificat, atunci atributul de conținut trebuie să fie prezent pentru a seta valoarea. Dacă se utilizează atributul http-equiv, atributul name nu trebuie setat în eticheta meta.
Luați în considerare utilizările utilizate în mod obișnuit ale etichetei .
Descrierea din această etichetă este destul de importantă, este luată în considerare de motoarele de căutare atunci când se indexează. Atributul de conținut din acest exemplu conține o descriere a unei anumite pagini web de pe site. Nu se recomandă utilizarea descrierilor lungi.
Este o listă de cuvinte cheie (referitoare la o anumită pagină). Există multe dezbateri cu privire la posibilitatea sau nu au fost luate în considerare de către motoarele de căutare este o valoare bazată pe listă, utilizați meta tag-uri în Google, aceasta nu ține cont de această meta tag-ul, și Yandex, în unele cazuri, își rezervă dreptul de a utiliza.
Să examinăm un exemplu de utilizare a acestor metaetichete:
În acest exemplu am folosit trei elemente :
Atributul http-equiv
Atributul http-equiv este de fapt echivalent cu un antet hipertext (imitație http-header), formează titlul paginii și definește procesarea acesteia. În mod obișnuit, ei controlează acțiunile browserelor și sunt folosite pentru a genera informații care sunt emise de http-headers. Numele antetului este specificat în atributul http-equiv. iar valoarea este specificată în atributul de conținut. În unele cazuri, acestea pot fi traduse automat în antete HTTP reale.
Să luăm în considerare un exemplu de utilizare:
În acest exemplu am folosit trei elemente pentru care au fost specificate diferite valori ale atributului http-equiv:
Indexarea paginilor
Utilizat de motoarele de căutare atunci când indexarea paginilor:
Pentru a vă asigura că browserele mobile nu modifică automat dimensiunea paginilor site-ului, este necesar în etichetă
plasați o etichetă metaică care spune browserului cum să se ocupe de dimensiunile paginilor și să își modifice scara:Specifică valoarea minimă a zoom (trebuie să fie mai mică sau egală cu scala maximă). Valoarea este un număr întreg pozitiv de la 0,0 la 10,0.
Specifică valoarea maximă a zoom (trebuie să fie mai mare sau egală cu scara minimă). Valoarea este un număr întreg pozitiv de la 0,0 la 10,0.
O valoare booleană care determină dacă un utilizator poate mări o pagină web. Valoarea implicită este da (utilizatorul poate mări imaginea).
Gestionarea modurilor Internet Explorer
Meta tag-ul final care ar trebui să fie prezent pe paginile dvs. permite, în funcție de valoarea conținutului specificat, să indicați Internet Explorer cum se afișează documentul (în ce mod), în funcție de versiunea curentă:
Atributul de conținut specifică modul pentru pagină, de exemplu, pentru a simula funcționarea Internet Explorer 7. specificați IE = EmulateIE7. Specificați IE = 5. IE = 7 sau IE = 8. Pentru a selecta unul dintre aceste moduri de compatibilitate. De asemenea, puteți seta IE = margine. Pentru a utiliza cel mai mare mod disponibil în Internet Explorer 8. Valoarea IE = marginea indică browserului utilizatorului că este necesar să se utilizeze ultimul mod disponibil pentru afișarea documentului, utilizați această valoare pe paginile sale.
Plasarea corectă a metadatelor pe fiecare pagină a site-ului dvs. va face atractivă pentru motoarele de căutare și va simplifica procesul de indexare.
Probleme și sarcini pe această temă
Înainte de a trece la studiul CSS 3, răspundeți la următoarea întrebare:
- Care dintre cele patru metaetichete ar trebui să fie utilizate dacă pagina site-ului dvs. este informativă și adaptată pentru aplicații mobile?
1. Este recomandat să definiți setul de caractere (codare) din document:
2. Descrierea din următoarea meta-etichetă este destul de importantă, este luată în considerare de motoarele de căutare atunci când este indexată și este utilizată în rezultatele căutării:
3. Pentru a vă asigura că browserele mobile nu modifică automat dimensiunea paginilor site-ului, trebuie să utilizați următoarea meta-etichetă:
4. Pentru afișarea corectă (același tip) a paginilor din browserele Internet Explorer, trebuie să utilizați următoarea meta-etichetă:
Învățarea CSS 3 (foi de stil cascadă)
Articole similare
Trimiteți-le prietenilor: