HTML/XHTML - Elementi inline (DRAFT)

Requisiti

Prima di procedere nella lettura di questo appunto potrebbe essere utile leggere:

Intro

Gli elementi inline sono contenuti in elementi a livello di blocco e possono contenere testo e altri elementi inline (NON possono contenere elementi a livello di blocco).

Nell'elenco che segue sono stati esclusi quegli elementi e attributi che hanno lo scopo di formattare il contenuto (compito esclusivo dello strato presentazione) o assegnare un comportamento (compito esclusivo dello strato comportamento) e che sono deprecati (= obsoleti, se ne sconsiglia l'utilizzo, c'e' un nuovo modo più corretto per farlo)

Sono considerati impliciti gli attributi comuni (opzionali): id, class, lang

A [href=URI] [title=Text]

Indica che il suo contenuto è un link ipertestuale la cui risorsa è reperibile attraverso l'URI indicato nell'attributo href .

L'attributo title è usato per descrivere brevemente il contenuto del link.

E' doveroso anche precisare che il contenuto dell'elemento a, che sarà un link, dovrà dare un'idea di cosa riferisce: le forme, spesso utilizzate, del tipo "clicca qui" si dovrebbero evitare.

Ad esempio:

<a href="http://www.google.it" title="Form di ricerca di google">GOOGLE</a>

ABBR [title=Text]

Usato per indicare che il testo contenuto è un'abbreviazione.

E' possibile usare l'attributo comune title per indicare il testo non abbreviato. I browser visualizzeranno in genere il contenuto di title sottoforma di tooltip.

Se, invece, il testo abbreviato è pronunciabile si utilizzerà l'elemento acronym.

Esempio:

<abbr title="chilogrammi">Kg</abbr>

ACRONYM [title=Text]

Come per abbr ma usato per indicare testi abbreviati e pronunciabili (acronimi).

Esempio:

<acronym title="hypertext markup language">HTML</acronym>

CITE

Usato per indicare che il suo contenuto è una citazione: es. il titolo di un giornale, il nome di un film, etc.

CODE

Usato per indicare che il suo contenuto è un codice: es. codice del linguaggio Java, PHP etc. oppure HTML, CSS o altro.

DFN

Usato per indicare una definizione.

EM

Utilizzato per dare enfasi al contenuto, che non significa metterlo in grassetto (anche se i browser lo fanno, attraverso CSS è possibile assegnare un modo qualsiasi di visualizzarlo).

Per dare enfasi al testo in maniera più forte utilizzare l'elemento strong

IMG alt=Text src=URI [longdesc=URI] [width=Length] [height=Length]

Indica la presenza di un'immagine reperibile attraverso l'URI indicato con l'attributo obbligatorio src.

L'attributo obbligatorio alt indica il testo alternativo all'immagine per quei client che non possono visualizzarla/caricarla.

Q [cite=URI]

Usato per indicare che il suo contenuto è una breve citazione, il cui riferimento è indicato attraverso l'attributo cite.

Ad esempio:

<p>According to Dave Raggett, <q cite="http://www.w3.org/Press/HTML4-REC">HTML 4.0 gives Web designers the ability to create dynamic visually exciting pages that are accessible to all.</q></p>

SAMP

Indica che il testo contenuto è un risultato/output di qualche cosa, come ad esempio la risposta di un programma o di uno script.

<p>When an undefined element is used in an HTML document, a validator will give an error like the following:</p> <p><samp>C:\SP\BIN\NSGMLSU.EXE:test.html:4:7:E: element "FOOBAR" undefined</samp></p>

SPAN

È un contenutore generico. Non fornisce alcun significato al suo contenuto.

E' usato per assegnare una particolare presentazione (attraverso CSS) o comportamenti (javascript) al suo contenuto.

STRONG

Utilizzato per dare un'enfasi "forte" al testo contenuto (che non significa metterlo in grassetto!!!). E' possibile usare anche il tag em che però indica minor enfasi rispetto a strong.

VAR

Usato per indicare variabili o argomenti di un programma.

Ad esempio:

<p>Versions of HTML are typically numbered in an <var>x</var>.<var>y</var> format.</p>

0 commenti:

Posta un commento

Lettori fissi

 
DISCLAIMER: Questo blog non costituisce una testata giornalistica. Non ha carattere periodico ed è aggiornato secondo la disponibilità e la reperibilità dei materiali. Pertanto non può essere considerato in alcun modo un prodotto editoriale ai sensi della Legge. n. 62 del 2001.
COPYRIGHT: Tutti i diritti sui testi/contenuti presenti su questo blog sono di proprietà dell'autore. Per utilizzare il materiale contattarmi all'indirizzo: nevit76@gmail.com