{"id":129,"date":"2015-02-17T02:06:22","date_gmt":"2015-02-17T02:06:22","guid":{"rendered":"http:\/\/drcode.com.br\/blog\/?p=129"},"modified":"2019-08-08T00:59:37","modified_gmt":"2019-08-08T00:59:37","slug":"html5","status":"publish","type":"post","link":"https:\/\/drcode.com.br\/blog\/html\/html5\/","title":{"rendered":"HTML5"},"content":{"rendered":"

\"html5intro1\"<\/a><\/h2>\n

HTML5<\/h2>\n

Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Voc\u00ea o Conhece? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador\u00a0web.<\/p>\n

O html5 nada mais \u00e9 que uma atualiza\u00e7\u00e3o do html normal, e como toda a atualiza\u00e7\u00e3o traz novidades e melhorias, vamos ver em o que isso melhorou. Atualmente quando voc\u00ea esta contruindo um documento html voc\u00ea enche ele de divs, div id=menu, div id=conteudo div id=post entre outros monte de div, com o html5 isso mudou, pois com ele temos novas tags, mais semanticas, e mais organizadas que \u00e9 o que o google mais gosta, semantica e organiza\u00e7\u00e3o, vamos ver algumas melhorias que temos.<\/p>\n

Primeiro, o Doctype, antes tinhamos que colocar aquele monte de coisa no inicio do documento, agora com o html5 colocamos apenas isso<\/p>\n

<!DOCTYPE html><\/code><\/pre>\n
Ele se encarrega por todo o resto!<\/p>\n
Temos tambem a tag header, que como seu nome indica o topo, ent\u00e3o assim temos a substitui\u00e7\u00e3o da div id=topo<\/p>\n
<header>\n    ...\n<\/header><\/code><\/pre>\n
Em seguida temos a tag nav, que indica o menu, assim temos<\/p>\n
<nav>\n    <ul>\n        <li>...<\/li>\n        <li>...<\/li>\n        <li>...<\/li>\n    <\/ul>\n<\/nav><\/code><\/pre>\n
Temos em seguencia a section, que indica que ali temos uma se\u00e7\u00e3o, por exemplo, se\u00e7\u00e3o esportes em um jornal, e dentro desta se\u00e7\u00e3o teremos as materias sobre o esporte entre outras mat\u00e9rias deste genero. As mat\u00e9rias s\u00e3o separadas por articles, que seram os artigos que servem para aquela se\u00e7\u00e3o, desta forma:<\/p>\n
<section>\n    <article>\n        <strong>Titulo<\/strong>\n        <span>Conte\u00fado<\/span>\n    <\/article>\n    <article>\n        <strong>Titulo<\/strong>\n        <span>Conte\u00fado<\/span>\n    <\/article>\n<\/section><\/code><\/pre>\n
Temos ent\u00e3o as asides, que s\u00e3o as tags de laterais, que indicam que ali \u00e9 uma lateral, desse jeito:<\/p>\n
<aside>\n    <span>Lateral<\/span>\n    <ul>\n        <li>...<\/li>\n        <li>...<\/li>\n        <li>...<\/li>\n    <\/ul>\n<\/aside><\/code><\/pre>\n
E por fim temos a tag footer, que indica que ali temos um rodap\u00e9, assim ficando:<\/p>\n
<footer>\n    ...\n<\/footer><\/code><\/pre>\n
Alem disso temos as tags video, que serve para rodar videos direto na p\u00e1gina, canvas para anima\u00e7\u00f5es, audio para execu\u00e7\u00e3o de audio n\u00e1 p\u00e1gina entre outras, voc\u00ea pode conferir todas as outras funcionalidades do HTML5 Clicando Aqui.<\/a><\/p>\n
Bom, vou deixar abaixo uma imagem para quem quiser salvar, ou para que entendam melhor como funciona o html5 e o que \u00e9 cada elemento dele.<\/p>\n
\"structure-html5\"<\/a><\/p>\n
Bom pessoal, por em quanto \u00e9 s\u00f3 isso, deixe um coment\u00e1rio dizendo o que achou da nova vers\u00e3o do HTML5 ou qualquer d\u00favida deixe um coment\u00e1rio que eu lhe responderei.<\/p>\n","protected":false},"excerpt":{"rendered":"
HTML5 Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Voc\u00ea o Conhece? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador\u00a0web. O html5 nada mais \u00e9 que uma atualiza\u00e7\u00e3o do html normal, e como toda a atualiza\u00e7\u00e3o traz novidades e melhorias, vamos ver […]<\/p>\n","protected":false},"author":1,"featured_media":420,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[59,11,55,56,58,57],"class_list":["post-129","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-html-5","tag-html-tags","tag-html5","tag-novo-html","tag-o-que-e-html5","tag-tags-html5"],"yoast_head":"\nHTML5 - Dr Code<\/title>\n<meta name=\"description\" content=\"Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/drcode.com.br\/blog\/html\/html5\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 - Dr Code\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/drcode.com.br\/blog\/html\/html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Dr Code\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/Dr-Code\/1408258822807332\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com.br\/Felipeourjake\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-17T02:06:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-08T00:59:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Mello\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Mello\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/\"},\"author\":{\"name\":\"Felipe Mello\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281\"},\"headline\":\"HTML5\",\"datePublished\":\"2015-02-17T02:06:22+00:00\",\"dateModified\":\"2019-08-08T00:59:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/\"},\"wordCount\":381,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg\",\"keywords\":[\"html 5\",\"html tags\",\"html5\",\"novo html\",\"o que \u00e9 html5\",\"tags html5\"],\"articleSection\":[\"HTML 5\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/drcode.com.br\/blog\/html\/html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/\",\"url\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/\",\"name\":\"HTML5 - Dr Code\",\"isPartOf\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg\",\"datePublished\":\"2015-02-17T02:06:22+00:00\",\"dateModified\":\"2019-08-08T00:59:37+00:00\",\"author\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281\"},\"description\":\"Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador web.\",\"breadcrumb\":{\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/drcode.com.br\/blog\/html\/html5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage\",\"url\":\"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg\",\"contentUrl\":\"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg\",\"width\":1024,\"height\":512,\"caption\":\"HTML 5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/drcode.com.br\/blog\/html\/html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/drcode.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML 5\",\"item\":\"https:\/\/drcode.com.br\/blog\/category\/html\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#website\",\"url\":\"https:\/\/drcode.com.br\/blog\/\",\"name\":\"Dr Code\",\"description\":\"Dicas para desenvoldores web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/drcode.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281\",\"name\":\"Felipe Mello\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g\",\"caption\":\"Felipe Mello\"},\"description\":\"Felipe Mello, desenvolvedor desde 2014. Sendo programador Back-end, Front-end, e Designer. Conhecedor de PHP, CakePHP, Laravel, React, Angular, Node, jQuery\",\"sameAs\":[\"http:\/\/www.facebook.com.br\/Felipeourjake\",\"https:\/\/instagram.com\/felipeourjake\",\"https:\/\/www.linkedin.com\/in\/felipe-melo-62837aa7\/\",\"https:\/\/x.com\/felipeourjake\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 - Dr Code","description":"Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador web.","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:\/\/drcode.com.br\/blog\/html\/html5\/","og_locale":"pt_BR","og_type":"article","og_title":"HTML5 - Dr Code","og_description":"Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador web.","og_url":"https:\/\/drcode.com.br\/blog\/html\/html5\/","og_site_name":"Dr Code","article_publisher":"https:\/\/www.facebook.com\/pages\/Dr-Code\/1408258822807332","article_author":"http:\/\/www.facebook.com.br\/Felipeourjake","article_published_time":"2015-02-17T02:06:22+00:00","article_modified_time":"2019-08-08T00:59:37+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg","type":"image\/jpeg"}],"author":"Felipe Mello","twitter_misc":{"Escrito por":"Felipe Mello","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/#article","isPartOf":{"@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/"},"author":{"name":"Felipe Mello","@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281"},"headline":"HTML5","datePublished":"2015-02-17T02:06:22+00:00","dateModified":"2019-08-08T00:59:37+00:00","mainEntityOfPage":{"@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/"},"wordCount":381,"commentCount":0,"image":{"@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage"},"thumbnailUrl":"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg","keywords":["html 5","html tags","html5","novo html","o que \u00e9 html5","tags html5"],"articleSection":["HTML 5"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/drcode.com.br\/blog\/html\/html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/","url":"https:\/\/drcode.com.br\/blog\/html\/html5\/","name":"HTML5 - Dr Code","isPartOf":{"@id":"https:\/\/drcode.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage"},"image":{"@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage"},"thumbnailUrl":"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg","datePublished":"2015-02-17T02:06:22+00:00","dateModified":"2019-08-08T00:59:37+00:00","author":{"@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281"},"description":"Voc\u00ea j\u00e1 conhece o HTML n\u00e3o \u00e9? Mas e o HTML5? Bom se n\u00e3o conhece j\u00e1 passou da hora de conhece-lo, pois isso ir\u00e1 ajudar muito a voc\u00ea programador web.","breadcrumb":{"@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/drcode.com.br\/blog\/html\/html5\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/#primaryimage","url":"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg","contentUrl":"https:\/\/drcode.com.br\/blog\/wp-content\/uploads\/2015\/02\/html5.jpg","width":1024,"height":512,"caption":"HTML 5"},{"@type":"BreadcrumbList","@id":"https:\/\/drcode.com.br\/blog\/html\/html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/drcode.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML 5","item":"https:\/\/drcode.com.br\/blog\/category\/html\/"},{"@type":"ListItem","position":3,"name":"HTML5"}]},{"@type":"WebSite","@id":"https:\/\/drcode.com.br\/blog\/#website","url":"https:\/\/drcode.com.br\/blog\/","name":"Dr Code","description":"Dicas para desenvoldores web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/drcode.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/7564c1ae5f763b633f00725927d47281","name":"Felipe Mello","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/drcode.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2dea5d49ac8216203b8c44bcd790eb8b21b19554180cd1dd0dd3debe01da41bf?s=96&d=mm&r=g","caption":"Felipe Mello"},"description":"Felipe Mello, desenvolvedor desde 2014. Sendo programador Back-end, Front-end, e Designer. Conhecedor de PHP, CakePHP, Laravel, React, Angular, Node, jQuery","sameAs":["http:\/\/www.facebook.com.br\/Felipeourjake","https:\/\/instagram.com\/felipeourjake","https:\/\/www.linkedin.com\/in\/felipe-melo-62837aa7\/","https:\/\/x.com\/felipeourjake"]}]}},"views":2306,"_links":{"self":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts\/129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/comments?post=129"}],"version-history":[{"count":1,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts\/129\/revisions"}],"predecessor-version":[{"id":132,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/posts\/129\/revisions\/132"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/media\/420"}],"wp:attachment":[{"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/media?parent=129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/categories?post=129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/drcode.com.br\/blog\/wp-json\/wp\/v2\/tags?post=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}