Sintassi:
nome = "valore">Valori degli attributi
| Significato | Descrizione |
|---|---|
| Nome dell'applicazione | Specifica il nome dell'applicazione Web in esecuzione su questa pagina. I browser possono utilizzare queste informazioni per identificare l'applicazione. |
| autore | Specifica il nome dell'autore del documento. |
| descrizione | Specifica una descrizione per la pagina. Questa descrizione può essere utilizzata da motori di ricerca per visualizzare i risultati della ricerca. |
| Generatore | Indica uno di pacchetti software che è stato utilizzato per creare questo documento (di norma, tali meta tag vengono generati automaticamente se viene utilizzato un costruttore di siti Web). |
| parole chiave | Specifica un elenco di parole chiave separate da virgole. parole chiave può essere utilizzato da alcuni motori di ricerca. |
Questa pagina ne elenca altri valori consentiti(estensioni) dell'attributo name del tag : MetaEstensioni.
Se necessario, è possibile aggiungere valori a questo elenco, che renderanno i loro nomi legalmente collegati allo standard dei metadati HTML5 (modifiche in questo registro non si rifletterà nei validatori in tempo reale, ma verrà aggiornato entro una settimana circa).
Valori degli attributi usati di frequente
Diamo un'occhiata ai casi d'uso comunemente usati per il tag. :
Descrizione in questo tag abbastanza importante, viene preso in considerazione dai motori di ricerca durante l'indicizzazione. Attributo contenuto in questo esempio contiene una descrizione di una specifica pagina web del sito. Non sono consigliate descrizioni lunghe.
È un elenco di parole chiave (riguardanti pagina specifica). Si discute molto sul fatto che venga preso in considerazione o meno. motori di ricerca questo valore, in base all'elenco dei meta tag utilizzati in Google, non tiene conto di questo meta tag e Yandex, in alcuni casi, si riserva il diritto di utilizzarlo.
Indicizzazione delle pagine
Utilizzato dai motori di ricerca durante l'indicizzazione delle pagine:
Valori disponibili:
Personalizzazione della finestra
Attiro la tua attenzione sul fatto che il viewport determina come viene visualizzata una pagina web su un dispositivo mobile, se non è impostata, la larghezza della pagina è considerata uguale al valore standard e viene ridotta su un dispositivo mobile per adattarsi sul suo schermo.
Per browser mobili non ha ridimensionato automaticamente le pagine del sito, è necessario nel tag posiziona un meta tag che dice al browser come gestire le dimensioni e la scala della pagina:
nome = contenuto "visualizzazione" = "larghezza = larghezza del dispositivo, scala iniziale = 1">- L'attributo name fornisce il nome dei metadati del documento, il valore "viewport" fornisce al browser un suggerimento sulla dimensione dimensione iniziale zona di visualizzazione. La funzione dell'attributo del contenuto imposta i valori per questo attributo.
- Il valore width = device-width dell'attributo content indica alla larghezza della pagina di adattarsi alle dimensioni dello schermo del dispositivo in pixel indipendenti dal dispositivo ( pixel indipendente dal dispositivo, dip), che consente alla pagina di ricalcolare la posizione degli elementi per visualizzazione corretta Su schermi diversi... Per analogia, puoi specificare i valori per altezza = altezza del dispositivo.
- Il valore initial-scale = 1 dell'attributo content dice al browser di impostare la mappatura. 1:1 per pixel CSS e pixel indipendenti dal dispositivo indipendentemente dall'orientamento del dispositivo (orizzontale o verticale).
Se tutte le pagine del tuo sito sono adattate per la visualizzazione su dispositivi mobili allora il posizionamento del meta tag sopra è obbligatorio.
Valori disponibili:
| Valore attributo | Definizione |
|---|---|
| larghezza | Specifica la larghezza, in pixel, della finestra (il valore è un numero intero positivo o la larghezza del dispositivo). |
| altezza | Specifica l'altezza, in pixel, della finestra (il valore è un numero intero positivo o l'altezza del dispositivo). |
| scala iniziale | Specifica il rapporto tra la larghezza del dispositivo in modalità ritratto o l'altezza del dispositivo in modalità orizzontale) e la dimensione della finestra. Come più numero, maggiore è la scala. Il valore è un numero intero positivo compreso tra 0,0 e 10,0. |
| scala minima | Specifica il valore di zoom minimo (deve essere minore o uguale alla scala massima). Il valore è un numero intero positivo compreso tra 0,0 e 10,0. |
| scala massima | definisce valore massimo zoom (deve essere maggiore o uguale alla scala minima). Il valore è un numero intero positivo compreso tra 0,0 e 10,0. |
| scalabile dall'utente | Un valore booleano che determina se l'utente può ingrandire la pagina web. L'impostazione predefinita è sì (l'utente può ingrandire). |
Differenze tra HTML 4.01 e HTML 5
No.Esempio di utilizzo
"Tutorial gratuiti sulla creazione di siti web" > "HTML, CSS, JavaScript, jQuery">Questo è il titolo.
Questo è un paragrafo.
In questo esempio, abbiamo usato tre elementi :
- primo L'elemento meta descrive il contenuto del documento (con il valore dell'attributo name, abbiamo specificato che questa è la descrizione della pagina (description), e il contenuto testuale specificato nell'attributo content. Questa descrizione può essere utilizzata dai motori di ricerca per visualizzare i risultati della ricerca.
- secondo L'elemento meta descrive le parole chiave nel documento (dal valore dell'attributo name, abbiamo indicato che si tratta di parole chiave e il contenuto del testo è stato indicato nell'attributo content. Le parole chiave possono essere utilizzate da alcuni motori di ricerca.
- Terzo l'elemento meta descrive il nome dell'autore del documento (dal valore dell'attributo name, abbiamo indicato che questo è l'autore del documento (autore) e il nome dell'autore è stato indicato nell'attributo
19 risposte
L'attributo name viene utilizzato quando si inviano dati quando si invia un modulo. Vari elementi i controlli reagiscono in modo diverso. Ad esempio, potresti avere diversi pulsanti di opzione con attributi id diversi, ma con lo stesso nome. Quando viene pubblicata, c'è un solo valore nella risposta: il pulsante di opzione che hai selezionato.
Certo, c'è dell'altro, ma sicuramente ti farà pensare nella giusta direzione.
Utilizzo attributi del nome per i controlli del modulo (ad es. e
Usa gli attributi id quando devi indirizzare uno specifico elemento HTML con CSS, JavaScript o ID snippet. Puoi anche cercare gli elementi per nome, ma è più semplice e affidabile cercare gli elementi per ID.
Qual è la differenza? Risposta breve: usa entrambi e non preoccuparti. Ma se vuoi capire questa assurdità, è magro:
id = da usare come target in questo modo: name = è anche usato per indicare i campi nei messaggi inviati al server con HTTP (HyperText Transfer Protocol) GET o POST quando si preme invio su un modulo. id = indica i campi per l'utilizzo di JavaScript e Java DOM (Document Object Model). I nomi in name = devono essere univoci all'interno del modulo. I nomi in id = devono essere univoci all'interno dell'intero documento. A volte i nomi name = e id = saranno diversi perché il server si aspetta lo stesso nome da forme diverse nello stesso documento o pulsanti di opzione diversi nella stessa forma dell'esempio precedente. Id = deve essere univoco; nome = non dovrebbe essere. JavaScript aveva bisogno di nomi univoci, ma c'erano troppi documenti qui senza nomi univoci name =, quindi le persone di W3 hanno inventato un tag id che doveva essere univoco. Sfortunatamente, i browser più vecchi non lo capivano. Pertanto, sono necessari entrambi gli schemi di denominazione nei moduli. NOTA: l'attributo "nome" per alcuni tag, come non è supportato in HTML5. Il modo in cui lo penso e lo uso è semplice: ID utilizzato per CSS e JavaScript/jQuery (deve essere univoco nella pagina) nome utilizzato per l'elaborazione del modulo in PHP quando il modulo viene inviato tramite HTML (deve essere univoco nel modulo - in una certa misura, vedere Paul di seguito) ID - CSS utilizzato, identifica l'istanza unico div, span o altri elementi. Appare all'interno del DOM Javascript, consentendoti di accedervi con varie chiamate di funzione. Il tag del nome per i campi è un modulo univoco per - a meno che non si stia creando un array che si desidera inviare a PHP / server per l'elaborazione. Puoi accedervi tramite Javascript per nome, ma penso che non appaia come nodo nel DOM o potrebbero essere applicate alcune restrizioni (non puoi usare .innerHTML, ad esempio, se ricordo bene).
Il target non deve essere un tag , lei potrebbe essere o e così via, che spesso è un codice pulito.
Come dicono altri post, il nome viene ancora utilizzato (obbligatorio) sui moduli. È ancora utilizzato anche nei tag META.
Per garantire la compatibilità, è una buona idea avere nomi e valori adeguati per gli attributi id quando vengono definiti. Attenzione però: alcuni tag, in particolare i pulsanti di opzione, devono avere valori di nome ambigui, ma richiedono valori di ID univoci. Ancora una volta, questo dovrebbe indicare che l'identificatore non è solo un sostituto di un nome; hanno scopi diversi. Inoltre, non eseguire il downgrade del vecchio stile, uno sguardo approfondito alle librerie moderne rivela uno stile di sintassi che viene utilizzato per migliorare le prestazioni e l'usabilità. Il tuo obiettivo dovrebbe essere sempre in termini di compatibilità.
L'attributo name è stato ora deprecato nella maggior parte degli elementi a favore del più onnipresente attributo id. Tuttavia, in alcuni casi, in particolare, i campi modulo (