Ultimele tutoriale de dezvoltare web

HTML atribute


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:

Exemplu

<a href="http://www.w3ii.com">This is a link</a>
Încearcă - l singur »

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:

Exemplu

<img src="w3ii.jpg" width="104" height="142">
Încearcă - l singur »

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.

Exemplu

<img src="w3ii.jpg" alt="w3ii.com" width="104" height="142">
Încearcă - l singur »

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:

Exemplu

<a href=http://www.w3ii.com>
Încearcă - l singur »

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:

Exemplu

<p title=About w3ii>
Încearcă - l singur »

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ță .