Requisiti
Prima di proseguire potrebbe essere utile leggere:
Intro
Gli elementi a livello di blocco, in generale, contengono o elementi inline o altri elementi a livello di blocco.
Non sono presenti tag e attributi che non dovrebbero essere utilizzati: perchè lo scopo è la formattazione e non la strutturazione o descrizione semantica del documento.
Si considerano impliciti gli attributi comuni (opzionali): id, class, lang.
address
Caratteristiche:
- contiene solo elementi inline
Contiene informazioni utili a contattare il possessore/manutentore del documento/sito web o parte di questo. Può contenere il nome, l'indirizzo, l'email, etc.
Esempio:
<address>
Per qualsiasi informazione potete contattarci all'indirizzo email
<a href="mailto:info@example.com">info@example.com</a>
, o presso i nostri uffici al numero 123456.
</address>blockquote
Attributi:
| Attributo | Tipo valore | Obbligatorio |
|---|---|---|
| cite | URI | NO |
Caratteristiche:
- può contenere solo elementi a livello di blocco
Indica che il contenuto dell'elemento è citazione, eventualmente ripresa da altro sito per la quale è possibile indicare l'url attraverso l'attributo cite.
Esiste un corrispondente inline Q, ma BLOCKQUOTE, essendo un elemento a livello di blocco, permette di inserire altri elementi a livello di blocco (Q non lo permette essendo inline).
Esempio:
<blockquote cite="http://www.bibliomania.com/Fiction/joyce/ulysses/telemac.html">
<p>He pointed his finger in friendly jest and went over to the parapet, laughing to himself. Stephen Dedalus stepped up, followed him wearily half way and sat down on the edge of the gunrest, watching him still as he propped his mirror on the parapet, dipped the brush in the bowl and lathered cheeks and neck.</p>
<p>Buck Mulligan's gay voice went on.</p>
</blockquote>del
Attributi:
| Attributo | Tipo valore | Obbligatorio |
|---|---|---|
| cite | URI | NO |
| datetime | Datetime | NO |
Indica che il suo contenuto è stato eliminato a seguito di un aggiornamento del documento (il contenuto resta ma tramite presentazione/CSS possiamo visualizzarlo con una riga sopra).
div
Definisce un contenitore generico a livello di blocco. Permette di assegnare stili classi etc. per il blocco stesso o per gli elementi contenuti.
Il corrispondente a livello inline è il tag SPAN.
h1, h2, ..., h6
Caratteristiche:
- Può contenere solo elementi inline
Si utilizza per indicare che il suo contenuto rappresenta un titolo di 1° o 2° ... 6° livello (più il numero è alto e più il titolo è meno importante).
Attraverso l'uso di questi elementi è possibile strutturare il documento in titoli, sottotitoli, etc.
Un documento dovrebbe contenere un solo H1 come titolo principale.
Esempio:
<h1>Titolo del libro</h1>
<h2>Capitolo 1</h2>
<p>...paragrafi...</p>
<h3>Sezione 1.1</h3>
<p>...paragrafi...</p>
<h3>Sezione 1.2</h3>
<p>...paragrafi...</p>
<h2>Capitolo 2</h2>
<p>...paragrafi...</p>
<h3>Sezione 2.1</h3>
<p>...paragrafi...</p>ins
Attributi:
| Attributo | Tipo valore | Obbligatorio |
|---|---|---|
| cite | URI | NO |
| datetime | Datetime | NO |
Serve per indicare che il suo contenuto è un testo aggiunto ad preesistente. È un modo per differenziare contenuti/testi nelle varie versioni di un documento.
Gli attributi opzionali cite e datetime servono rispettivamente per indicare l'URI contenente l'informazione per cui si è aggiunto il documento e per indicare la data e l'ora dell'inserimento (nella forma YYYY-MM-DDThh:mm:ssTZD)
Ad esempio:
<p>The CENTER element defines a block whose contents are centered horizontally on visual browsers. <ins cite="http://www.w3.org/TR/REC-html40-971218/appendix/changes.html#h-A.1.2" datetime="1997-12-19T00:00:00-05:00">Note that CENTER is deprecated in HTML 4.0.</ins></p>p
Caratteristiche:
- Può contenere solo elementi inline
Serve per indicare che il suo contenuto è un paragrafo.
Pur essendo un elemento a livello di blocco può contenere solo elementi inline.
Tabelle ed elenchi
In HTML/XHTML possiamo descrivere anche tabelle ed elenchi che sono casi particolari di elementi a livello di blocco.
Poichè hanno qualche particolarità in più gli elementi sono stati descritti in note separate:
0 commenti:
Posta un commento