Corso HTML5. Una pagina base
2
terrelibere.org/corsi Scrivere un documento HTML5 valido La prima dichiarazione che inseriamo nel codice è la seguente: <!DOCTYPE html> Possiamo aggiungere un attributo per la lingua: <html lang="en"> All’interno della sezione <head> puoi inserire elementi javascript. Non occorre più indicare l’attributo type="text/javascript" Basta quindi: <script> ... </script> Stesso discorso per il tag <style>. L’attributo “css” è settato di default. <style> ... </style> Per quanto riguarda i tag “meta”, invece di scrivere: <meta http-equiv="Content-Type" content="text/html; charset=utf- 8" /> si può semplicemente indicare: <meta charset=utf-8> All’interno del tag <body>, rimangono inalterati i tag <h1>, <h2>, <div>, <span>,<p>, <ul>, <a> e così via. Si aggiungono i seguenti tag non presenti in HTML4: <nav> — per la barra dei menù <header> — per l’intestazione di un documento. Si può usare una sola volta in un file <article> — tag speciale per includere un articolo o il post di un blog <section> — la sezione di un documento <footer> — il pié di pagina Per assicurare la compatibilità, è oppurtuno indicare nel CSS:
-
Upload
terrelibere-org-edizioni -
Category
Documents
-
view
334 -
download
0
Transcript of Corso HTML5. Una pagina base
terrelibere.org/corsi
Scrivere un documento HTML5 valido
La prima dichiarazione che inseriamo nel codice è la seguente: <!DOCTYPE html> Possiamo aggiungere un attributo per la lingua: <html lang="en"> All’interno della sezione <head> puoi inserire elementi javascript. Non occorre più indicare l’attributo type="text/javascript" Basta quindi: <script> ... </script> Stesso discorso per il tag <style>. L’attributo “css” è settato di default. <style> ... </style> Per quanto riguarda i tag “meta”, invece di scrivere: <meta http-equiv="Content-Type" content="text/html; charset=utf-
8" /> si può semplicemente indicare: <meta charset=utf-8> All’interno del tag <body>, rimangono inalterati i tag <h1>, <h2>, <div>,
<span>,<p>, <ul>, <a> e così via. Si aggiungono i seguenti tag non presenti in HTML4: <nav> — per la barra dei menù <header> — per l’intestazione di un documento. Si può usare una sola volta in un
file <article> — tag speciale per includere un articolo o il post di un blog <section> — la sezione di un documento <footer> — il pié di pagina Per assicurare la compatibilità, è oppurtuno indicare nel CSS:
terrelibere.org/corsi
article, aside, figure, footer, header, hgroup, menu, nav,
section { display:block; } Ecco una tipica pagina di base scritta in HTML5: <!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8> <title>Una semplice pagina in HTML5</title> <style> body { margin:100px; } article, aside, figure, footer, header, hgroup, menu, nav,
section { display:block; } </style> </head> <body> <nav> <a href="simple-html5-document.html">home1</a> <a href="simple-html5-document.html">home2</a> </nav> <header> <h1>A simple HTML5 document</h1> </header> <article> <hgroup> <h1>Article 1 heading</h1> <h2>Article 1 sub-heading</h2> </hgroup> <section> <h3>Section 1 heading</h3> </section> </article> <article> <header> <h1>Article 2 heading</h1> </header> <section> <h2>Section 1 heading</h2> </section> </article> <footer> <p>This is the footer</p> </footer> </body> </html>
