Cristina Baruta's List: html

Footer | Guida HTML5 | Xhtml.HTML.it 3

Nov 09, 11

xhtml.html.it/...footer html5 footer
- L'elemento <footer> deve contenere in genere informazioni sulla sezione che lo contiene come:
  
  i dati di chi ha scritto i contenuti;
  
  collegamenti ai documenti correlati;
  
  i dati di copyright;
  
  e così via...
- Non introduce una nuova sezione e quindi non è rilevante per l'outliner.
- tag <dl>; infatti nella specifica HTML5 questo elemento viene ridefinito come contenitore di metadati e quindi semanticamente corretto all'interno del nostro <footer>.
1 more annotation...
L'outline: la struttura dei documenti HTML5 > Smartpixel: web standards, design & training 6

Nov 09, 11

www.smartpixel.it/-struttura-dei-documenti-html5 html5 outline
- L'outline è la struttura del documento così come viene definita dalle intestazioni o titoli.
- i nuovi elementi strutturali HTML5 - <header>, <nav>, <section>, <article>, <aside>, e <footer> - definiscono sezioni indipendenti che permettono un utiulizzo modulare degli elementi <h1> ... <h6>, che avranno valore di titolo di sezione e non più di pagina
- Per motivi di accessibilità è consigliabile indicare sempre il titolo dell'elemento strutturale, fermo restando che può essere sempre nascosto via CSS
- Se invece una sezione del documento ha più di una intestazione (ad esempio, titolo con più sottotitoli), l'elemento strutturale <hgroup> ha la funzione di raggruppare tutte le intestazioni, però terrà conto solo di quella di rango più elevato. Per esempio, se un <hgroup> contiene un <h1> e un <h2>, solo il testo di <h1> sarà usato come titolo della sezione nella struttura:
- gli elementi strutturali HTML5 isolano certe parti del documento con la loro struttura indipendente.
- All'interno di questa struttura indipendente ci possono essere anche altri elementi di sezione come <blockquote>, <figure>, <details>, <fieldset> e <td>. Ognuno di questi elementi è un discendente di <body>, ma le loro intestazioni vengono rimosse, facendo riferimento al solo titolo di sezione cui appartengono:
4 more annotations...
Aside | Guida HTML5 | Xhtml.HTML.it 4

Nov 09, 11

xhtml.html.it/...aside html5 aside
- <aside> rappresenta una sezione di una pagina costituita da informazioni che sono marginalmente correlate al contenuto dell'elemento padre che la contiene, e che potrebbero essere considerate distinte da quest'ultimo.
- contenitore di approfondimento in cui possiamo inserire gruppi di link, pubblicità, bookmark e così via.
- Nel nostro caso abbiamo utilizzato un <aside> per contenere la colonna sinistra del blog, ma in realtà, visto che in diversi siti va di moda la presenza di footer molto grossi con diversi link, consigliamo di utilizzare l'elemento <aside> in combinazione con il tag <nav> che potrebbe essere la soluzione migliore per questa tipologia di contenuti dato che, come abbiamo potuto constatare nella lezione dedicata al footer, ciò non è possibile farlo all'interno del tag <footer
- anche l'<aside> appartiene alla categoria dei "contenitori di sezionamento dei contenuti" in quanto per l'outliner necessita di un titolo che riassuma i propri contenuti.
2 more annotations...
Nav | Guida HTML5 | Xhtml.HTML.it 3

Nov 09, 11

rappresenta una sezione di una pagina che contiene link (collegamenti) ad altre pagine o a parti interne dello stesso documento; quindi, in breve, una sezione contenente link di navigazione.

xhtml.html.it/...nav html5 nav
- rappresenta una sezione di una pagina che contiene link (collegamenti) ad altre pagine o a parti interne dello stesso documento; quindi, in breve, una sezione contenente link di navigazione.
- i link a pie' di pagina e le breadcumb non devono essere inseriti in una sezione <nav>;
- l'elemento <nav> non sostituisce i link inseriti in elementi come gli <ul> o gli <ol> ma deve racchiuderli.
1 more annotation...
Article | Guida HTML5 | Xhtml.HTML.it 7

Nov 09, 11

xhtml.html.it/...article html5 article
- <article> rappresenta una sezione autonoma in un documento, pagina, applicazione o sito; infatti è potenzialmente ridistribuibile o riutilizzabile, e quindi ripubblicabile in parte o interamente in diverse pagine.
- quando gli elementi <article> sono nidificati, gli <article> interni rappresentano gli articoli che sono in linea di principio relativi al contenuto dell'<article> esterno.
- le informazioni relative all'autore dell'<article> non devono essere replicate all'interno degli elementi nidificati all'interno dello stesso
- l'elemento <time> con l'attributo pubdate può essere utilizzato per definire la data di pubblicazione dell'<article>;
- l'elemento <section> e l'elemento <article> non sono indipendenti ed esclusivi: possiamo avere sia un <article> all interno di un <section> che viceversa
- l'elemento <article> rappresenta una forma particolare di <section>.
- il tag <article> rappresenta un elemento che viene considerato una sezione a sé stante dall'outliner e quindi un blocco con dei contenuti unici e un titolo univoco (quindi per ogni blocco avremmo potuto utilizzare un titolo racchiuso in un <h1>),
5 more annotations...
Section | Guida HTML5 | Xhtml.HTML.it 8

Nov 09, 11

rappresenta una sezione generica di un documento o applicazione

xhtml.html.it/...section html5 section
- rappresenta una sezione generica di un documento o applicazione.
- individua un raggruppamento tematico di contenuti,ed in genere contiene un titolo introduttivo
- non deve essere utilizzato in sostituzione del <div> per impostare graficamente la pagina; inoltre è fortemente consigliato utilizzare i <div> anche quando risultano più convenienti per gli script
- non deve essere preferito all'elemento <article> quando i contenuti possono essere ripubblicati anche su altri siti
- possiamo avere sia un <article> all interno di un <section> che viceversa.
- <section> può essere utilizzato in combinazione con l'attributo cite attraverso il quale è possibile specificare l'url dalla quale si stanno riportando i contenuti.
- Nel nostro progetto le <section>, oltre a poter raggruppare i vari <article>, sono presenti anche all'interno del primo <article> per suddividere i commenti dal contenuto del post. La sezione dei commenti a sua volta contiene un'altra sezione contenente il form per l'inserimento di un nuovo commento:
- <section> rappresenta un elemento che viene considerato una sezione a sé stante dall'outliner e quindi un blocco con dei contenuti univoci che necessitano di un titolo (<hN>) che li riassuma.
6 more annotations...
Header | Guida HTML5 | Xhtml.HTML.it 8

Nov 09, 11

xhtml.html.it/...header html5 header
- Il tag header serve a rappresentare "un gruppo di ausili introduttivi o di navigazione"
- non va confuso con quella che è la testata/intestazione principale di un documento (quella che oggi si definisce in genere con il tag <h1>)
- l'elemento <hgroup> definisce il titolo principale del documento (del sito) e la cosiddetta tagline:
- Se titolo e sottotitolo principali sono certamente elementi introduttivi ai contenuti successivi, è naturalmente un ausilio di navigazione una lista di link che andrà a formare la barra di navigazione principale del sito.
- il menu di navigazione non deve essere necessariamente inserito nell'<header>,
- non è obbligatorio inserire i titoli <hn> all'interno di un contenitore <header>.
- dobbiamo definire due elementi fondamentali per la struttura di un post di blog: il titolo e la data. Sono certamente ausili introduttivi, secondo la definizione da cui siamo partiti. é più che legittimo e sensato, pertanto, racchiuderli in un tag <header>:
- header utilizzato come elemento introduttivo per definire il titolo della pagina e per definire data e autore di ogni articolo del blog
6 more annotations...
A List Apart: Articles: A Preview of HTML 5

Oct 28, 11

www.alistapart.com/...previewofhtml5 html5
Guida all'uso di Html5 - sintassi, novità e consigli utili | Target Web.it

Oct 27, 11

www.targetweb.it/guida-uso-e-novita-su-html5 HTML5 guida
HTML5: Ecco cosa c’è da sapere

Oct 27, 11

www.juliusdesign.net/...html5-ecco-cosa-ce-da-sapere HTML5
Guida all’uso di HTML5 - TomStardust.com

Oct 27, 11

www.tomstardust.com/...guida-html5 HTML5 guida
Struttura delle pagine | HTML 5 - La guida italiana

Oct 27, 11

www.guidahtml5.com/Struttura HTML5 guida
jQuery plugin: Validation

Apr 22, 11

tool validazione form lato client

bassistance.de/...jquery-plugin-validation form validazione moduli javascript jquery jquery validation
yav - Javascript form validation tool

Apr 19, 11

tool validazione form client side

yav.sourceforge.net/...example_6.html form accessibilità validazione moduli yav javascript
Elementi di input in un documento XHTML Mobile Profile | Corso XHTML Mobile Profile 1

Apr 19, 11

Elementi di input in un documento XHTML Mobile Profile

www.extrowebsite.com/...ento-xhtml-mobile-profile.html form accessibilità validazione moduli
- Checkbox dello stesso gruppo dovrebbero avere lo stesso nome, come questo:
Validazione Form con LiveValidation | SimoneDesign

Apr 19, 11

validazione di form lato client

www.simonedesign.it/...azione-form-con-livevalidation form accessibilità moduli validazione livevalidation javascript
LiveValidation - Validation as you type

Apr 19, 11

validazione form e altro...

livevalidation.com form accessibilità moduli validazione livevalidation
Form accessibile: la validazione e uno sguardo al futuro | Your Inspiration Web

Apr 19, 11

www.yourinspirationweb.com/...azione-e-uno-sguardo-al-futuro form accessibilità moduli validazione
Web design elements: i form (design) | Your Inspiration Web

Apr 15, 11

www.yourinspirationweb.com/...-design-elements-i-form-design form html moduli
Web design elements: i form (le basi) | Your Inspiration Web

Apr 15, 11

"Web design elements: i form (le basi)"

www.yourinspirationweb.com/...design-elements-i-form-le-basi form html moduli

1 - 20 of 33 Next ›

20 items/page

List Comments (0)

List Info

Cristina Baruta

33 items | 9 visits

Updated on Nov 09, 11
Created on Aug 18, 09

Category: Computers & Internet

URL:

Cristina Baruta's List: html

Footer | Guida HTML5 | Xhtml.HTML.it 3

L'outline: la struttura dei documenti HTML5 > Smartpixel: web standards, design & training 6

Aside | Guida HTML5 | Xhtml.HTML.it 4

Nav | Guida HTML5 | Xhtml.HTML.it 3

Article | Guida HTML5 | Xhtml.HTML.it 7

Section | Guida HTML5 | Xhtml.HTML.it 8

Header | Guida HTML5 | Xhtml.HTML.it 8

Elementi di input in un documento XHTML Mobile Profile | Corso XHTML Mobile Profile 1

List Info