{"id":112,"date":"2019-01-16T19:27:51","date_gmt":"2019-01-16T17:27:51","guid":{"rendered":"http:\/\/tutorial.bernatcortina.cat\/?page_id=112"},"modified":"2019-01-16T19:27:51","modified_gmt":"2019-01-16T17:27:51","slug":"el-document-html","status":"publish","type":"page","link":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/","title":{"rendered":"El document HTML"},"content":{"rendered":"<h1>Estructura del document HTML<\/h1>\n<p style=\"text-align: justify;\">Hi ha una estructura b\u00e0sica per als documents HTML. Aquesta estructura no nom\u00e9s \u00e9s requerida perqu\u00e8 el teu document s&#8217;ajusti a l&#8217;est\u00e0ndard sin\u00f3 que tamb\u00e9 et permetr\u00e0 oferir informaci\u00f3 \u00fatil sobre el teu document.<\/p>\n<p style=\"text-align: justify;\">L&#8217;estructura b\u00e0sica de qualsevol document HTML es compon de les seg\u00fcents seccions o elements:<\/p>\n<ul>\n<li style=\"text-align: justify;\"><strong>&lt;!DOCTYPE html&gt;<\/strong>. El primer que ens trobem \u00e9s la declaraci\u00f3 del tipus de document que s&#8217;est\u00e0 mostrant. El <a href=\"https:\/\/www.w3schools.com\/tags\/tag_doctype.asp\">DOCTYPE<\/a> variar\u00e0 segons el tipus de document realitzat.<\/li>\n<li style=\"text-align: justify;\"><strong>html<\/strong>. Indiquem que iniciem el nostre document HTML. Aquesta etiqueta es tanca quan finalitzem el document. Veiem que porta un atribut lang, aix\u00f2 serveix per a indicar l&#8217;idioma del document (en el nostre cas catal\u00e0)<\/li>\n<li style=\"text-align: justify;\"><strong>head<\/strong>. En un document HTML tenim una cap\u00e7alera on col\u00b7loquem les metadades de la p\u00e0gina, el codi JavaScript (&lt;script&gt;) i el CSS (&lt;style&gt;) que utilitzar\u00e0 el navegador per renderitzar la p\u00e0gina.<\/li>\n<li style=\"text-align: justify;\"><strong>meta charset<\/strong>. Obligatori en HTML5, informa del joc de car\u00e0cters del document, hauria de ser sempre utf-8. Com a metadada ha d&#8217;anar dins el head.<\/li>\n<li style=\"text-align: justify;\"><strong>title<\/strong>. \u00c9s un tipus de metadada especial que ens proporciona el t\u00edtol de la p\u00e0gina. Per motius de posicionament (SEO) es recomana que el meta title sigui semblant al H1 del document i a l&#8217;URL de la p\u00e0gina.<\/li>\n<li style=\"text-align: justify;\"><strong>body<\/strong>. En el seu interior hi tindrem el contingut de la p\u00e0gina.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-117 size-full\" src=\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png\" alt=\"\" width=\"441\" height=\"266\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><em>Fitxer d&#8217;exemple: <\/em><a href=\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/estructura.html\"><em>estructura.html<\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estructura del document HTML Hi ha una estructura b\u00e0sica per als documents HTML. Aquesta estructura no nom\u00e9s \u00e9s requerida perqu\u00e8 el teu document s&#8217;ajusti a l&#8217;est\u00e0ndard sin\u00f3 que tamb\u00e9 et permetr\u00e0 oferir informaci\u00f3 \u00fatil sobre el teu document. L&#8217;estructura b\u00e0sica de qualsevol document HTML es compon de les seg\u00fcents seccions o elements: &lt;!DOCTYPE html&gt;. El &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abEl document HTML\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":65,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>El document HTML | HTML &amp; CSS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El document HTML | HTML &amp; CSS\" \/>\n<meta property=\"og:description\" content=\"Estructura del document HTML Hi ha una estructura b\u00e0sica per als documents HTML. Aquesta estructura no nom\u00e9s \u00e9s requerida perqu\u00e8 el teu document s&#8217;ajusti a l&#8217;est\u00e0ndard sin\u00f3 que tamb\u00e9 et permetr\u00e0 oferir informaci\u00f3 \u00fatil sobre el teu document. L&#8217;estructura b\u00e0sica de qualsevol document HTML es compon de les seg\u00fcents seccions o elements: &lt;!DOCTYPE html&gt;. El &hellip; Continua llegint \u00abEl document HTML\u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML &amp; CSS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bernatcortina\" \/>\n<meta property=\"og:image\" content=\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@bernatcortina\" \/>\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/\",\"url\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/\",\"name\":\"El document HTML | HTML &amp; CSS\",\"isPartOf\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png\",\"datePublished\":\"2019-01-16T17:27:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#primaryimage\",\"url\":\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png\",\"contentUrl\":\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\/\/tutorial.bernatcortina.cat\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"El document HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/#website\",\"url\":\"https:\/\/tutorial.bernatcortina.cat\/\",\"name\":\"HTML &amp; CSS\",\"description\":\"Fonaments d&#039;HTML i full d&#039;estils\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tutorial.bernatcortina.cat\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El document HTML | HTML &amp; CSS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/","og_locale":"ca_ES","og_type":"article","og_title":"El document HTML | HTML &amp; CSS","og_description":"Estructura del document HTML Hi ha una estructura b\u00e0sica per als documents HTML. Aquesta estructura no nom\u00e9s \u00e9s requerida perqu\u00e8 el teu document s&#8217;ajusti a l&#8217;est\u00e0ndard sin\u00f3 que tamb\u00e9 et permetr\u00e0 oferir informaci\u00f3 \u00fatil sobre el teu document. L&#8217;estructura b\u00e0sica de qualsevol document HTML es compon de les seg\u00fcents seccions o elements: &lt;!DOCTYPE html&gt;. El &hellip; Continua llegint \u00abEl document HTML\u00bb","og_url":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/","og_site_name":"HTML &amp; CSS","article_publisher":"https:\/\/www.facebook.com\/bernatcortina","og_image":[{"url":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@bernatcortina","twitter_misc":{"Temps estimat de lectura":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/","url":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/","name":"El document HTML | HTML &amp; CSS","isPartOf":{"@id":"https:\/\/tutorial.bernatcortina.cat\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#primaryimage"},"image":{"@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#primaryimage"},"thumbnailUrl":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png","datePublished":"2019-01-16T17:27:51+00:00","breadcrumb":{"@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#primaryimage","url":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png","contentUrl":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/el-document-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/tutorial.bernatcortina.cat\/"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/"},{"@type":"ListItem","position":3,"name":"El document HTML"}]},{"@type":"WebSite","@id":"https:\/\/tutorial.bernatcortina.cat\/#website","url":"https:\/\/tutorial.bernatcortina.cat\/","name":"HTML &amp; CSS","description":"Fonaments d&#039;HTML i full d&#039;estils","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tutorial.bernatcortina.cat\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"}]}},"_links":{"self":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":0,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages\/65"}],"wp:attachment":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}