Gli attributi forniscono informazioni aggiuntive su elementi HTML.
Un attributo HTML è un modificatore di un tipo di elemento HTML. Un attributo o modifica la funzionalità predefinita di un tipo di elemento o possano essere utilizzati per determinati tipi di elementi in grado di funzionare correttamente senza loro. Nella sintassi HTML, un attributo viene aggiunto un tag di apertura HTML.
attributi HTML
- Elementi HTML possono avere attributes
- Gli attributi forniscono additional information su un elemento
- Gli attributi sono sempre specificati nel the start tag
- Gli attributi sono disponibili in coppie nome / valore come: name="value"
Descrizione
attributi HTML generalmente appaiono come coppie nome-valore, separate da =, e sono scritti all'interno del tag di apertura di un elemento, dopo il nome dell'elemento:
<tag attribute="value">content to be modified by the tag</tag>Dove i nomi dei tag del tipo di elemento HTML e attributo è il nome dell'attributo, impostato sul valore fornito. Il valore può essere racchiuso tra apici singoli o doppi, anche se valori rappresentato alcuni caratteri possono essere lasciati non quotati in HTML (ma non Valid) .Leaving valori di attributo non quotato è considerato pericoloso.
Anche se la maggior parte degli attributi sono forniti come nomi e valori appaiati, qualche effetto l'elemento semplicemente con la loro presenza nel tag iniziale dell'elemento (come l'attributo ismap per l'elemento img).
La maggior parte degli elementi possono prendere uno qualsiasi dei vari attributi comuni:
L'attributo id fornisce un identificatore univoco a livello di documento per un element.This può essere utilizzato come selettore CSS per fornire proprietà di presentazione, dai browser di focalizzare l'attenzione sull'elemento specifica, oppure script per modificare il contenuto o la presentazione di un elemento. Aggiunto all'URL della pagina, l'URL si rivolge direttamente l'elemento specifico all'interno del documento, in genere una sotto-sezione della pagina. Ad esempio, l'ID "attributi".
L'attributo classe fornisce un modo di classificare elementi simili. Questo può essere utilizzato per scopi semantiche, o per scopi di presentazione. Semanticamente, per esempio, le classi sono utilizzati in microformati. Presentationally, ad esempio, un documento HTML potrebbe utilizzare la classe di denominazione = "notazione" per indicare che tutti gli elementi con questo valore di classe sono subordinati al testo principale del documento. Tali elementi possono essere riuniti e presentati a piè di pagina su una pagina invece di comparire nel luogo dove si verificano nel codice HTML. Un altro uso presentazione sarebbe come selettore CSS.
Un autore può utilizzare i codici di stile non attributal proprietà di presentazione ad un particolare elemento. Si ritiene meglio norma usare id o una classe di un elemento attributi per selezionare l'elemento con un foglio di stile, anche se a volte questo può essere troppo ingombrante per un semplice e specifico o applicazione ad hoc delle proprietà designati.
L'attributo title viene utilizzato per collegare spiegazione subtextual a un elemento. Nella maggior parte dei browser questo attributo viene visualizzato come quello che viene spesso definito come un suggerimento.
L'elemento abbreviazione, abbr, può essere utilizzato per dimostrare questi vari attributi:
<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>Questo esempio visualizza come HTML; nella maggior parte dei browser, puntando il cursore alla sigla dovrebbe visualizzare il testo del titolo "Hypertext Markup Language".
La maggior parte degli elementi prendono anche il linguaggio relativi attributi Lang e dir.
Il lang attributo
Il linguaggio del documento può essere dichiarato in <html> tag.
La lingua è dichiarata nel lang attributo.
La dichiarazione di una lingua è importante per le applicazioni di accessibilità (screen readers) e motori di ricerca:
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>Le prime due lettere specificare la lingua (en) . Se v'è un dialetto, utilizzare più di due lettere (US) .
Il title attributo
Paragrafi HTML sono definiti con il <p> tag.
In questo esempio, il <p> elemento ha un attributo title. Il valore dell'attributo è " About w3im " :
Esempio
<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> Prova tu stesso " Quando si sposta il mouse sopra l'elemento, il titolo verrà visualizzato come suggerimento.
Il href attributo
Link HTML sono definiti con il <a> tag. L'indirizzo del collegamento è specificato nel href attributi:
Potrete saperne di più su link e la <a> tag più avanti in questo tutorial.
Attributi Dimensione
Immagini HTML sono definiti con il <img> tag.
Il nome del file sorgente ( src ) , e la dimensione dell'immagine ( width e height ) sono tutti forniti come attributi:
La dimensione dell'immagine è specificato in pixel: larghezza = "104" indica larghezza 104 pixel dello schermo.
Imparerete di più immagini e il <img> tag più avanti in questo tutorial.
L' alt attributo
L' alt attributo specifica un testo alternativo da utilizzare, quando un elemento HTML non può essere visualizzata.
Il valore dell'attributo può essere letto da "screen readers" . In questo modo, qualcuno "listening" alla pagina web, vale a dire una persona cieca, può "hear" l'elemento.
Vi suggeriamo: Usa sempre minuscolo Attributi
Lo standard HTML5 non richiede nomi di attributi in minuscolo.
Il title attributo può essere scritto con lettere maiuscole o minuscole, come Title e / o TITLE .
W3C raccomanda minuscolo in HTML4, ed esige minuscole per i tipi di documenti più severe come XHTML.
Minuscolo è il più comune. Minuscolo è più facile da digitare.
A w3ii usiamo sempre in minuscolo i nomi degli attributi.
Il nostro consiglio: sempre Quote Attributo Valori
Lo standard HTML5 non richiede virgolette valori degli attributi.
Il href attributo dimostrato sopra, può essere scritta come:
W3C recommends citazioni in HTML4, e richiede preventivi per i tipi di documenti più severe come XHTML.
A volte è necessario usare le virgolette. Questo non sarà visualizzato correttamente, perché contiene uno spazio:
citazioni che utilizzano sono i più comuni. citazioni omettendo possono produrre errori.
A w3ii usiamo sempre le virgolette intorno a valori degli attributi.
Virgolette singole o doppie?
i doppi apici stile sono i più comuni in HTML, ma lo stile unico può essere utilizzato anche.
In alcune situazioni, quando il valore dell'attributo stesso contiene virgolette, è necessario utilizzare apici:
<p title='John "ShotGun" Nelson'>O vice versa:
<p title="John 'ShotGun' Nelson">Riassunto capitolo
- Tutti gli elementi HTML possono avere attributi
- Il codice HTML title attributo fornisce ulteriore "tool-tip" informazioni
- Il codice HTML href attributo fornisce informazioni sugli indirizzi per i collegamenti
- Le HTML width e height attributi forniscono informazioni sulle dimensioni per le immagini
- Il codice HTML alt attributo fornisce il testo per gli screen reader
- A w3ii usiamo sempre lowercase HTML i nomi degli attributi
- A w3ii abbiamo sempre quote attributi con le doppie virgolette
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 »
attributi HTML
Di seguito è riportato un elenco alfabetico di alcuni attributi, spesso utilizzate in HTML:
| Attributo | Descrizione |
|---|---|
| alt | Specifica un testo alternativo per le immagini |
| disabled | Specifica che un elemento di input deve essere disattivata |
| href | Specifica l'URL (web address) per un collegamento |
| id | Specifica un ID univoco per un elemento |
| src | Specifica l'URL (web address) per un'immagine |
| style | Specifica uno stile CSS in linea per un elemento |
| title | Specifica informazioni aggiuntive su un elemento (displayed as a tool tip) |
Un elenco completo di tutti gli attributi per ogni elemento HTML, è elencato nel nostro: HTML tag di riferimento .