Sintaxă:
nume = „valoare”>Valorile atributelor
Sens | Descriere |
---|---|
Numele aplicatiei | Specifică numele aplicației web care rulează pe această pagină. Browserele pot folosi aceste informații pentru a identifica aplicația. |
autor | Specifică numele autorului documentului. |
Descriere | Specifică o descriere pentru pagină. Această descriere poate fi folosită de motoare de căutare pentru a afișa rezultatele căutării. |
generator | Indică unul dintre pachete software care a fost folosit pentru a crea acest document (de regulă, astfel de meta-etichete sunt generate automat dacă se folosește orice generator de site-uri web). |
Cuvinte cheie | Specifică o listă de cuvinte cheie separate prin virgulă. Cuvinte cheie poate fi folosit de unele motoare de căutare. |
Această pagină listează altele valori admisibile(extensii) atributului nume al etichetei : MetaExtensions.
Dacă este necesar, este posibil să adăugați valori la această listă, ceea ce va face ca numele acestora să fie atașat legal la standardul de metadate HTML5 (modificări în acest registru nu vor fi reflectate în validatoarele în timp real, dar vor fi actualizate în decurs de aproximativ o săptămână).
Valorile atributelor utilizate frecvent
Să aruncăm o privire la cazurile de utilizare frecvent utilizate pentru etichetă. :
Descriere în această etichetă destul de important, este luat în considerare de motoarele de căutare la indexare. Atributul de conținut în acest exemplu conține o descriere a unei anumite pagini web a site-ului. Descrierile lungi nu sunt recomandate.
Este o listă de cuvinte cheie (privind pagina specifica). Există multe dezbateri dacă se ia în considerare sau nu. motoare de căutare această valoare, pe baza listei de meta-etichete utilizate în Google, nu ia în considerare această meta-etichetă, iar Yandex, în unele cazuri, își rezervă dreptul de a o utiliza.
Indexarea paginilor
Folosit de motoarele de căutare la indexarea paginilor:
Valori disponibile:
Personalizarea fereastra de vizualizare
Vă atrag atenția asupra faptului că fereastra de vizualizare determină modul în care o pagină web este afișată pe un dispozitiv mobil, dacă nu este setată, atunci lățimea paginii este considerată egală cu valoarea standard și este redusă pe un dispozitiv mobil pentru a se potrivi pe ecranul său.
Pentru a browsere mobile nu a redimensionat automat paginile site-ului, este necesar în etichetă plasați o metaetichetă care spune browserului cum să gestioneze dimensiunea și scara paginii:
nume = conținut „vizualizare” = „width = device-width, initial-scale = 1”>- Atributul name oferă numele metadatelor documentului, valoarea „viewport” oferă browserului un indiciu despre dimensiune dimensiunea initiala zona de vizionare. Funcția atributului de conținut setează valori pentru acest atribut.
- Valoarea width = device-width a atributului de conținut indică lățimii paginii să se potrivească cu dimensiunea ecranului dispozitivului în pixeli independenți de dispozitiv ( pixel independent de dispozitiv, dip), care permite paginii să recalculeze poziția elementelor pt afișare corectă pe diferite ecrane... Prin analogie, puteți specifica valori pentru înălțime = înălțimea dispozitivului.
- Valoarea initial-scale = 1 a atributului de conținut îi spune browserului să seteze maparea. 1:1 pentru pixeli CSS și pixeli independenți de dispozitiv, indiferent de orientarea dispozitivului (peisaj sau portret).
Dacă toate paginile site-ului dvs. sunt adaptate pentru vizualizare pe dispozitive mobile atunci plasarea metaetichetei de mai sus este obligatorie.
Valori disponibile:
Valoarea atributului | Definiție |
---|---|
lăţime | Specifică lățimea, în pixeli, a ferestrei de vizualizare (valoarea este un număr întreg pozitiv sau lățimea dispozitivului). |
înălţime | Specifică înălțimea, în pixeli, a ferestrei de vizualizare (valoarea este un număr întreg pozitiv sau înălțimea dispozitivului). |
scară inițială | Specifică raportul dintre lățimea dispozitivului în Modul portret sau înălțimea dispozitivului în modul peisaj) și dimensiunea ferestrei de vizualizare. Cum mai mult număr, cu atât scara este mai mare. Valoarea este un număr întreg pozitiv de la 0,0 la 10,0. |
la scară minimă | Specifică valoarea minimă de zoom (trebuie să fie mai mică sau egală cu scara maximă). Valoarea este un număr întreg pozitiv de la 0,0 la 10,0. |
la scară maximă | Definește valoare maximă 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. |
scalabil de utilizator | O valoare booleană care determină dacă utilizatorul poate mări pagina web. Valoarea implicită este da (utilizatorul poate mări). |
Diferențele dintre HTML 4.01 și HTML 5
Nu.Exemplu de utilizare
„Tutoriale gratuite despre crearea site-ului web” > „HTML, CSS, JavaScript, jQuery”>Acesta este titlul.
Acesta este un paragraf.
În acest exemplu, am folosit trei elemente :
- primul Elementul meta descrie conținutul documentului (cu valoarea atributului nume, am specificat că aceasta este descrierea paginii (descriere), și conținutul textual specificat în atributul conținut. Această descriere poate fi folosită de motoarele de căutare. pentru a afișa rezultatele căutării.
- al doilea Elementul meta descrie cuvintele cheie din document (prin valoarea atributului nume am indicat că acestea sunt cuvinte cheie, iar conținutul textului a fost indicat în atributul conținut. Cuvintele cheie pot fi folosite de unele motoare de căutare.
- al treilea elementul meta descrie numele autorului documentului (prin valoarea atributului nume, am indicat că acesta este autorul documentului (autor), iar numele autorului a fost indicat în atribut
19 răspunsuri
Atributul nume este folosit la trimiterea datelor la trimiterea unui formular. Elemente diverse controalele reacţionează diferit. De exemplu, este posibil să aveți mai multe butoane radio cu atribute de ID diferite, dar cu același nume. Când este postat, există o singură valoare în răspuns - butonul radio pe care l-ați selectat.
Sigur, există mai mult decât atât, dar cu siguranță te va face să gândești în direcția corectă.
Utilizare atributele numelui pentru controale de formulare (de ex. și
Utilizați atributele id atunci când trebuie să abordați un anumit element HTML cu CSS, JavaScript sau cod de fragment. De asemenea, puteți căuta articole după nume, dar este mai ușor și mai fiabil să căutați articole după ID.
Care este diferența? Răspuns scurt: folosiți ambele și nu vă faceți griji. Dar dacă vrei să înțelegi această prostie, e slabă:
id = pentru a fi folosit ca țintă astfel: name = este, de asemenea, folosit pentru a desemna câmpuri din mesajele trimise către server cu HTTP (HyperText Transfer Protocol) GET sau POST atunci când apăsați pe submit într-un formular. id = denotă câmpuri pentru utilizarea JavaScript și Java DOM (Document Object Model). Numele din nume = trebuie să fie unice în formular. Numele în id = trebuie să fie unice în întregul document. Uneori numele nume = și id = vor fi diferite deoarece serverul așteaptă același nume de la diferite formulare din același document sau butoane radio diferite în aceeași formă ca în exemplul de mai sus. Id = trebuie să fie unic; nume = nu ar trebui să fie. JavaScript avea nevoie de nume unice, dar erau prea multe documente aici fără nume unice name =, așa că oamenii W3 au inventat o etichetă de identificare care trebuia să fie unică. Din păcate, browserele mai vechi nu au înțeles acest lucru. Prin urmare, aveți nevoie de ambele scheme de denumire în formularele dvs. NOTĂ: atributul „nume” pentru unele etichete, cum ar fi nu este acceptat în HTML5. Modul în care îl gândesc și îl folosesc este simplu: id folosit pentru CSS și JavaScript / jQuery (trebuie să fie unic pe pagină) Nume utilizat pentru procesarea formularelor în PHP atunci când formularul este trimis prin HTML (trebuie să fie unic în formular - într-o oarecare măsură, vezi Paul mai jos) ID - CSS folosit, identifică instanța unic div, span sau alte elemente. Apare în interiorul Javascript DOM, permițându-vă să le accesați cu diverse apeluri de funcție. Eticheta de nume pentru câmpuri este un formular unic pentru - cu excepția cazului în care creați o matrice pe care doriți să o trimiteți către PHP / server pentru procesare. Îl poți accesa prin Javascript după nume, dar cred că nu apare ca un nod în DOM sau s-ar putea aplica unele restricții (nu poți folosi .innerHTML, de exemplu, dacă îmi amintesc bine).
Ținta nu trebuie să fie o etichetă , ea poate fi Sau și așa mai departe, care este adesea cod curat.
După cum spun alte postări, numele este încă folosit (obligatoriu) pe formulare. Este încă folosit și în etichetele META.
Pentru a asigura compatibilitatea, este o idee bună să aveți nume și valori adecvate pentru atributele id atunci când sunt definite. Cu toate acestea, aveți grijă: unele etichete, în special butoanele radio, trebuie să aibă valori de nume ambigue, dar necesită valori unice de id.Încă o dată, acest lucru ar trebui să indice că identificatorul nu este doar un înlocuitor pentru un nume; sunt diferite ca scop. De asemenea, nu retrogradați stilul vechi, o privire profundă asupra bibliotecilor moderne dezvăluie un stil de sintaxă care este folosit pentru a îmbunătăți performanța și gradul de utilizare. Scopul tău ar trebui să fie întotdeauna în ceea ce privește compatibilitatea.
Atributul nume a fost acum depreciat în majoritatea elementelor în favoarea atributului id mai omniprezent. Cu toate acestea, în unele cazuri, în special, câmpurile de formular (
Există o distincție clară între identificator și nume. Foarte des, când numele continuă, putem seta valorile să fie aceleași. Cu toate acestea, identificatorul trebuie să fie unic, iar numele în unele cazuri nu trebuie să includă butoane radio. Din păcate, unicitatea valorilor ID, deși este capturată de validarea markupului, nu este atât de consistentă pe cât ar trebui să fie. Implementările CSS ale browserului vor stila obiectele care au o valoare de id; astfel, nu putem detecta erorile de marcare sau de stil care ar putea afecta JavaScript înainte de execuție.
Acesta este preluat din cartea JavaScript- The Complete Reference de Thomas-Powell
ID-ul elementului de intrare al formularului nu are nicio legătură cu datele conținute în element. ID-urile sunt pentru conectarea unui element folosind JavaScript și CSS. Totuși, atributul nume este utilizat în cererea HTTP trimisă de browserul dumneavoastră către server ca nume de variabilă asociată cu datele conținute în atributul value.
De exemplu:
Când formularul este trimis, datele formularului vor fi incluse în antetul HTTP, după cum urmează:
Dacă adăugați un atribut id, acesta nu schimbă nimic în antetul HTTP. Acest lucru va face mai ușor să-l conectați la CSS și JavaScript.
Dacă nu utilizați propria metodă de trimitere a formularelor pentru a trimite informații către server (și o faceți în schimb cu javascript), puteți utiliza atributul nume pentru a adăuga informații suplimentare la intrare - mai degrabă ca asocierea cu o valoare de intrare ascunsă, dar arată îngrijit pentru că este inclus în intrare.
Acest bit încă funcționează în Firefox, deși bănuiesc că s-ar putea să nu poată fi rezolvat în viitor.
Puteți avea mai multe câmpuri de introducere cu același nume dacă nu intenționați să serviți la modul vechi.
Eticheta ID este folosită de CSS și JavaScript pentru a stila și a manipula un element de intrare. Bibliotecile precum jquery folosesc ID-ul ca o comandă rapidă, așa că de obicei este o idee bună să-l setați.
Atributul „nume” al unui element de formular este ceea ce este de fapt trimis de browserul dvs. web într-un HTTP GET sau POST către serverul web. Dacă îl lăsați necompletat, nu veți avea un ID care se potrivește asociat conținutului dvs.
Cu toate acestea, puteți utiliza JavaScript pentru a trimite formularele prin AJAX, ceea ce înseamnă că nu trimiteți niciodată variabile de formular prin GET sau POST printr-o trimitere directă în browser web. În acest caz, câmpul nume nu este necesar, deși acest lucru nu este foarte convenabil.
Utilizați cu etichetă atribute nume și id pentru crearea identificatorilor de fragment în document. Odată format, devine o potențială țintă de hyperlink.
Înainte de HTML 4.0, singura modalitate de a crea un identificator de fragment era să folosești atributul nume cu eticheta ... Odată cu introducerea atributului id în limbaj, care este folosit cu aproape orice etichetă, orice element HTML sau XHTML poate servi ca
identificator de fragment. Etichetă păstrează atributul name din motive istorice și menține id, de asemenea. Aceste atribute pot fi înlocuite unele cu altele, deoarece id este pur și simplu o versiune mai modernă a atributului nume. Fiecare dintre ele poate fi folosit împreună cu atributul href, permițând cu o singură etichetă definiți atât hyperlinkul, cât și ID-ul fragmentului.
Vă puteți gândi la un identificator de fragment ca la un analog HTML al unei etichete la care săriți atunci când o instrucțiune goto este executată în multe limbaje de programare. Atributul numelui pe etichetă sau id în etichete valide setează eticheta în document. Când o astfel de etichetă este aplicată într-un hyperlink, este echivalentă cu accesarea unui browser la ea în document.
Valoarea atributelor nume și id este orice șir de caractere cuprins între ghilimele. Această linie trebuie să înceapă cu o literă, care poate fi urmată de litere, cifre, cratime, litere de subliniere, două puncte și puncte. Trebuie să fie o etichetă unică care nu poate fi reutilizată de alte atribute de nume sau id din acest document, deși poate fi reutilizată în alte modele.
Iată exemple de utilizare a numelui și a id-ului:
Tăierea arborelui de kumquat
Rețineți că ancora este plasată în antetul secțiunii unui document presupus mare. Vă recomandăm să faceți acest lucru cu toate secțiunile principale ale lucrării dvs., astfel încât să fie mai convenabil să faceți referire la ele și pe viitor să poată fi procesate automat, extragând, să zicem, informații despre subiectele abordate în document.
îl va transfera imediat în secțiunea pe care am numit-o în exemplul anterior.
Etichetați conținutul cu atributele nume și id afișate în mod obișnuit, fără efecte speciale.
Din punct de vedere formal, nu este nevoie să puneți nimic din conținutul documentului într-o etichetă cu atributul name, deoarece marchează doar locația în document. În practică, totuși, unele browsere ignoră o etichetă care nu conține cel puțin o frază, cuvânt sau imagine. Din acest motiv, este prudent să introduceți cel puțin un afișabil în corpul oricărei etichete. .