{"id":1157,"date":"2011-05-04T12:57:03","date_gmt":"2011-05-04T11:57:03","guid":{"rendered":"http:\/\/www.donatantonio.net\/blog\/?p=1157"},"modified":"2011-05-04T12:57:03","modified_gmt":"2011-05-04T11:57:03","slug":"il-tag-html-head-e-meta","status":"publish","type":"post","link":"https:\/\/www.donatantonio.net\/blog\/guide_tutorial\/htmlcss\/il-tag-html-head-e-meta\/","title":{"rendered":"Il tag HTML, HEAD e META"},"content":{"rendered":"<h3 class=\"paragrafo\">Gli attributi del tag Html.<\/h3>\n<p>Gli <em>attributi<\/em> del tag html sono:<\/p>\n<ul>\n<li><span style=\"color: #ff0000;\">DIR<\/span><\/li>\n<li><span style=\"color: #ff0000;\">LANG<\/span><\/li>\n<li><span style=\"color: #ff0000;\">VERSION<\/span> (deprecato)<\/li>\n<\/ul>\n<p><strong>DIR<\/strong> specifica in quale direzione il browser mostra il testo all&#8217;interno dell&#8217;intero documento. Valore di default<strong> ltr <\/strong>left-to-right. Il valore <strong>rtl<\/strong> \u00e8 usato per il cinese, l&#8217;ebraico, &#8230;<\/p>\n<p><strong>LANG<\/strong> specifica la lingua utilizzata in tutto il documento. Idealmente il browser lo usa per rendere migliore il testo per l&#8217;utente. Setta l&#8217;attributo ad uno standard ISO-639.<\/p>\n<h3 class=\"paragrafo\">I tag SCRIPT, STYLE E LINK.<\/h3>\n<p>All\u2019interno dell\u2019<strong>HEAD<\/strong> oltre al titolo vengono solitamente definiti ulteriori tag che il browser utilizza per l\u2019elaborazione della pagina.<\/p>\n<p>Questi tag contengono informazioni riguardanti la pagina html, come fogli di stile, script o riferimenti ad oggetti esterni al documento.<\/p>\n<p><strong><span style=\"color: #ff0000;\">SCRIPT<\/span><\/strong> \u00e8 usato per immergere, all\u2019interno del documento del codice in un linguaggio di scripting, in genere Javascript.<br \/>\nSintassi:<\/p>\n<p><strong>&lt;SCRIPT\u00a0 LANGUAGE=\u201c\u2026\u201d\u00a0 TYPE=\u201c\u2026\u201d &gt;\u2026&lt;\/SCRIPT&gt;<\/strong><\/p>\n<ul>\n<li><strong>LANGUAGE<\/strong> specifica il linguaggio<\/li>\n<li><strong>TYPE<\/strong> \u00e8 un MIME Type (e.g., <em>text\/javasript<\/em>)<span style=\"color: #ff0000;\">\ufeff<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #ff0000;\"><strong>STYLE<\/strong><\/span> \u00e8 usato per includere, all\u2019interno del documento, un foglio di stile.<br \/>\nSintassi:<\/p>\n<p><strong>&lt;STYLE\u00a0 TYPE=\u201c\u2026\u201d &gt; . . . &lt;\/STYLE&gt;<\/strong><\/p>\n<ul>\n<li><strong>TYPE<\/strong> \u00e8 un MIME Type (e.g., <em>text\/css<\/em>)<\/li>\n<\/ul>\n<p><span style=\"color: #ff0000;\"><strong>LINK<\/strong><\/span> fornisce solo delle informazioni su come il documento corrente si relaziona agli altri documenti, specificando una locazione dell\u2019indice, un documento precedente oppure quello successivo o semplicemente per pre-caricare alcune pagine.<br \/>\nIl tag LINK viene perlopi\u00f9 utilizzato per <strong>includere dei file esterni <\/strong>(<em>javascript<\/em>, <em>css<\/em>, ecc..), come ad esempio file .js o file .css.<br \/>\nLa sintassi per includere un foglio di stile \u00e8:<\/p>\n<p><strong>&lt;LINK \u00a0HREF=\u201cstile.css\u201d\u00a0 REL=\u201cSTYLESHEET\u201d\u00a0 TYPE=\u201ctext\/css\u201d&gt;<\/strong><\/p>\n<h3 class=\"paragrafo\">Il tag META.<\/h3>\n<p>Il tag <span style=\"color: #ff0000;\"><strong>META<\/strong><\/span> viene definito all\u2019interno dell\u2019HEAD ed \u00e8 utilizzato per conservare informazioni sul documento, caricare o ricaricare una pagina web e includere file di suoni.<br \/>\nIl tag META nasce inizialmente come supporto per i motori di ricerca. Pi\u00f9 precisamente all\u2019interno del tag vengono definite parole chiave e sintesi del contenuto della pagina, per far si che i motori di ricerca cataloghino il documento in maniera pi\u00f9 proficua.<br \/>\nMolte delle informazioni del tag META sono individuate dalla coppia <strong>NAME<\/strong>&#8211;<strong>CONTENT<\/strong>:<\/p>\n<ul>\n<li><strong>NAME<\/strong> identifica il nome della propriet\u00e0<\/li>\n<li><strong>CONTENT<\/strong> identifica il valore della propriet\u00e0<\/li>\n<\/ul>\n<p>La sintassi \u00e8 la seguente:<\/p>\n<p><strong>&lt;META \u00a0NAME=\u201c\u2026\u201d\u00a0 CONTENT=\u201c\u2026\u201d &gt;<\/strong><\/p>\n<p>Per l\u2019attributo <strong>NAME<\/strong> le propriet\u00e0 pi\u00f9 utilizzate sono:<\/p>\n<ul>\n<li><strong>author<\/strong> &#8211; Autore del documento<\/li>\n<li><strong>description<\/strong> &#8211; Breve descrizione del documento<\/li>\n<li><strong>keywords<\/strong> &#8211; Parole che descrivono il documento usate dai motori di ricerca<\/li>\n<li><strong>generator<\/strong> &#8211; Programma che ha generato il documento<\/li>\n<\/ul>\n<p>Un esempio completo di utilizzo del tag META potrebbe essere:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;HEAD&gt;\r\n    &lt;TITLE&gt;Utilizzo del tag META&lt;\/TITLE&gt;\r\n\r\n    &lt;META name=&quot;author&quot; content=\u201cFabio Donatantonio&quot;&gt;\r\n    &lt;META name=&quot;description\u201c content=\u201cTecnologie di Sviluppo per il Web&quot;&gt;\r\n    &lt;META name=&quot;keywords\u201c content=\u201cHTTP, HTML, CSS,  JAVASCRIPT&quot;&gt;\r\n\r\n&lt;\/HEAD&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Gli attributi del tag Html.<\/p>\n<p>Gli <em>attributi<\/em> del tag html sono:<\/p>\n<p>DIR<br \/>\nLANG<br \/>\nVERSION (deprecato)<\/p>\n<p>DIR specifica in quale direzione il browser mostra il testo all&#8217;interno dell&#8217;intero documento. Valore di default ltr left-to-right. Il valore rtl \u00e8 usato per il cinese, l&#8217;ebraico, &#8230;<\/p>\n<p>LANG specifica la lingua utilizzata in tutto il documento. Idealmente il browser lo usa per rendere migliore il testo per l&#8217;utente. Setta l&#8217;attributo ad uno standard ISO-639.<\/p>\n<p>I tag SCRIPT, STYLE E LINK.<\/p>\n<p>All\u2019interno dell\u2019HEAD oltre al titolo vengono solitamente definiti ulteriori tag che il browser utilizza per l\u2019elaborazione della pagina.<\/p>\n<p>Questi tag contengono informazioni riguardanti la pagina html, come fogli di stile, script o riferimenti ad oggetti esterni al documento.<\/p>\n<p>SCRIPT \u00e8 usato per immergere, all\u2019interno del documento del codice in un linguaggio di scripting, in genere Javascript.<br \/>\nSintassi:<\/p>\n<p>&lt;SCRIPT\u00a0 LANGUAGE=\u201c\u2026\u201d\u00a0 TYPE=\u201c\u2026\u201d &gt;\u2026&lt;\/SCRIPT&gt;<\/p>\n<p>LANGUAGE specifica il linguaggio<br \/>\nTYPE \u00e8 un MIME Type (e.g., <em>text\/javasript<\/em>)\ufeff<\/p>\n<p>STYLE \u00e8 usato per includere, all\u2019interno del documento, un foglio di stile.<br \/>\nSintassi:<\/p>\n<p>&lt;STYLE\u00a0 TYPE=\u201c\u2026\u201d &gt; . . . &lt;\/STYLE&gt;<\/p>\n<p>TYPE \u00e8 un MIME Type (e.g., <em>text\/css<\/em>)<\/p>\n<p>LINK fornisce solo delle informazioni su come il documento corrente si relaziona agli altri documenti, specificando una locazione dell\u2019indice, un documento precedente oppure quello successivo o semplicemente per pre-caricare alcune pagine.<br \/>\nIl tag LINK viene perlopi\u00f9 utilizzato per includere dei file esterni (<em>javascript<\/em>, <em>css<\/em>, ecc..), come ad esempio file .js o file .css.<br \/>\nLa sintassi per includere un foglio di stile \u00e8:<\/p>\n<p>&lt;LINK \u00a0HREF=\u201cstile.css\u201d\u00a0 REL=\u201cSTYLESHEET\u201d\u00a0 TYPE=\u201ctext\/css\u201d&gt;<\/p>\n<p>Il tag META.<\/p>\n<p>Il tag META viene definito all\u2019interno dell\u2019HEAD ed \u00e8 utilizzato per conservare informazioni sul documento, caricare o ricaricare una pagina web e includere file di suoni.<br \/>\nIl tag META nasce inizialmente come supporto per i motori di ricerca. Pi\u00f9 precisamente all\u2019interno del tag vengono definite parole chiave e sintesi del contenuto della pagina, per far si che i motori di ricerca cataloghino il documento in maniera pi\u00f9 proficua.<br \/>\nMolte delle informazioni del tag META sono individuate dalla coppia NAME&#8211;CONTENT:<\/p>\n<p>NAME identifica il nome della propriet\u00e0<br \/>\nCONTENT identifica il valore della propriet\u00e0<\/p>\n<p>La sintassi \u00e8 la seguente:<\/p>\n<p>&lt;META \u00a0NAME=\u201c\u2026\u201d\u00a0 CONTENT=\u201c\u2026\u201d &gt;<\/p>\n<p>Per l\u2019attributo NAME le propriet\u00e0 pi\u00f9 utilizzate sono:<\/p>\n<p>author &#8211; Autore del documento<br \/>\ndescription &#8211; Breve descrizione del documento<br \/>\nkeywords &#8211; Parole che descrivono il documento usate dai motori di ricerca<br \/>\ngenerator &#8211; Programma che ha generato il documento<\/p>\n<p>Un esempio completo di utilizzo del tag META potrebbe essere:<\/p>\n<p>&lt;HEAD&gt;<br \/>\n    &lt;TITLE&gt;Utilizzo del tag META&lt;\/TITLE&gt;<\/p>\n<p>    &lt;META name=&quot;author&quot; content=\u201cFabio Donatantonio&quot;&gt;<br \/>\n    &lt;META name=&quot;description\u201c content=\u201cTecnologie di Sviluppo per il Web&quot;&gt;<br \/>\n    &lt;META name=&quot;keywords\u201c content=\u201cHTTP, HTML, CSS,  JAVASCRIPT&quot;&gt;<\/p>\n<p>&lt;\/HEAD&gt;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[237],"tags":[252,253,254,255],"_links":{"self":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/1157"}],"collection":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/comments?post=1157"}],"version-history":[{"count":0,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/1157\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/media?parent=1157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/categories?post=1157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/tags?post=1157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}