Atribute furniza informații suplimentare despre elementele HTML.
Atribute HTML
- Elementele HTML pot avea attributes
- Atributele oferă additional information despre un element
- Atributele sunt întotdeauna specificate în the start tag de the start tag
- Atribute vin în perechi nume / valoare , cum ar fi: name="value"
lang Atributul
Limba document poate fi declarată în <html> tag - ul.
Limba este declarată în lang atribut.
Declararea unei limbi este importantă pentru aplicațiile de accesibilitate (screen readers) de (screen readers) și motoarele de căutare:
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Primele două litere specifica limba (en) . Dacă există un dialect, utilizați mai mult de două litere (US) .
title atribut
Paragrafele HTML sunt definite cu <p> tag - ul.
În acest exemplu, <p> Elementul are un atribut titlu. Valoarea acestui atribut este " About w3ii " :
Exemplu
<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web
programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP,
etc.
</p>
Încearcă - l singur » Când mutați mouse-ul peste elementul, titlul va fi afișat ca un tooltip.
href Atributul
Link - uri HTML sunt definite cu <a> tag - ul. Adresa link - ul este specificată în href atributul:
Vei afla mai multe despre link - uri și <a> tag - ul mai târziu în acest tutorial.
Atribute Dimensiune
Imagini HTML sunt definite cu <img> tag - ul.
Numele de fișier al sursei ( src ) , precum și dimensiunea imaginii ( width și height ) sunt toate cu condiția ca atribute:
Dimensiunea imaginii este specificată în pixeli: width = „104“ înseamnă 104 ecran pixeli lățime.
Vei afla mai multe despre imaginile și <img> tag - ul mai târziu în acest tutorial.
alt atribut
alt atribut specifica un text alternativ pentru a fi utilizat, atunci când un element HTML nu poate fi afișată.
Valoarea atributului poate fi citit de "screen readers" de "screen readers" . În acest fel, cineva "listening" la pagina web, adică o persoană orb, poate "hear" elementul.
Noi sugerăm: Atributele Utilizați întotdeauna Minuscule
Standardul HTML5 nu are nevoie de nume de atribute minuscule.
title atribut poate fi scris cu litere mici sau majuscule cum ar fi Title și / sau TITLE .
W3C recomandă cu litere mici în HTML4, și cere litere mici pentru tipuri de documente , cum ar fi mai stricte XHTML.
Minuscule este cea mai comună. Minuscule este mai ușor de tip.
La w3ii folosim întotdeauna litere mici nume de atribute.
Noi sugerăm: Citat întotdeauna Valorile atributelor
Standardul HTML5 nu are nevoie de ghilimele în jurul valorii de valorile atributelor.
href atribut demonstrat mai sus, poate fi scrisă ca:
W3C recommends citate in HTML4, și cere citate pentru tipuri de documente , cum ar fi mai stricte XHTML.
Uneori este necesar să se utilizeze citate. Acest lucru nu se va afișa corect, deoarece conține un spațiu:
Utilizarea citate sunt cele mai frecvente. citate Omiterea pot produce erori.
La w3ii folosim mereu citate în jurul valorii de valorile atributelor.
Citate simple sau duble?
citate stil duble sunt cele mai comune în HTML, dar stilul unic poate fi de asemenea utilizat.
În unele situații, atunci când valoarea atributului în sine conține ghilimele, este necesar să se folosească ghilimele simple:
<p title='John "ShotGun" Nelson'>
Sau vice versa:
<p title="John 'ShotGun' Nelson">
Rezumatul capitolului
- Toate elementele HTML pot avea atribute
- HTML din title atribut suplimentar "tool-tip" informații
- HTML href atribut furnizează informații despre adresa link - uri
- HTML - ul de width și height atributele oferă informații despre dimensiunea pentru imagini
- HTML alt atribut text pentru cititoare de ecran
- La w3ii folosim întotdeauna cu lowercase HTML nume de atribute
- La w3ii întotdeauna am quote atributele cu ghilimele duble
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 »
Atribute HTML
Mai jos este o listă alfabetică a unor atribute des utilizate in HTML:
Atribut | Descriere |
---|---|
alt | Specifică un text alternativ pentru o imagine |
disabled | Specifică faptul că un element de intrare ar trebui să fie dezactivat |
href | Specifică adresa URL (web address) pentru un link |
id | Specifică un ID unic pentru un element |
src | Specifică adresa URL (web address) pentru o imagine |
style | Specifică un stil CSS inline pentru un element |
title | Specifică informații suplimentare despre un element (displayed as a tool tip) |
O listă completă a tuturor atributelor pentru fiecare element HTML, este listat în nostru: HTML Tag de referință .