{"id":56,"date":"2014-10-28T21:14:21","date_gmt":"2014-10-29T00:14:21","guid":{"rendered":"http:\/\/ricardoartur.com.br\/mmr2\/?p=56"},"modified":"2023-04-21T11:53:39","modified_gmt":"2023-04-21T14:53:39","slug":"links","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/web\/2014\/10\/28\/links\/","title":{"rendered":"Links"},"content":{"rendered":"<p>As tags podem conter atributos que auxiliam a descrever, especificar e detalhar suas propriedades. <a href=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/2014\/10\/estrutura.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-58\" src=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/2014\/10\/estrutura.png\" alt=\"estrutura\" width=\"640\" height=\"200\" srcset=\"https:\/\/ricardoartur.com.br\/web\/files\/2014\/10\/estrutura.png 640w, https:\/\/ricardoartur.com.br\/web\/files\/2014\/10\/estrutura-300x93.png 300w, https:\/\/ricardoartur.com.br\/web\/files\/2014\/10\/estrutura-624x195.png 624w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h1>Links &lt;a&gt;<\/h1>\n<p>Os hiperlinks sa\u0303o inseridos atrave\u0301s da tag &lt;a&gt; De acordo com o atributo e o valor utilizado o link pode ser feito com uma pa\u0301gina externa (em outro site), uma pa\u0301gina interna (no mesmo site) ou com a mesma pa\u0301gina (a\u0302ncora).<!--more--> Abaixo temos a estrutura b\u00e1sica da tag de link. <a href=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/2014\/10\/estrut_link.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-59\" src=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/2014\/10\/estrut_link.png\" alt=\"estrut_link\" width=\"640\" height=\"200\" srcset=\"https:\/\/ricardoartur.com.br\/web\/files\/2014\/10\/estrut_link.png 640w, https:\/\/ricardoartur.com.br\/web\/files\/2014\/10\/estrut_link-300x93.png 300w, https:\/\/ricardoartur.com.br\/web\/files\/2014\/10\/estrut_link-624x195.png 624w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h1>Atributos b\u00e1sicos do link<\/h1>\n<ul>\n<li><strong>href<\/strong> = enderec\u0327o de destino (pa\u0301gina, url, a\u0302ncora)<\/li>\n<li><strong>id<\/strong>\u00a0= identidade\u00a0do elemento (estabelece a a\u0302ncora)<\/li>\n<li><strong>target<\/strong> = local de destino: nova pa\u0301gina (_blank), mesma pa\u0301gina ( _self ), no frame superior ( _ parent) e no corpo da janela ( _top)<\/li>\n<\/ul>\n<h1>Tipos de link<\/h1>\n<p>Os links podem ser para p\u00e1ginas externas, locais\u00a0ou mesmo no mesmo documento. Veja os casos:<\/p>\n<h2>Links para p\u00e1ginas externas<\/h2>\n<p>Quando se trata de p\u00e1ginas em um outro website, externo, apontamos\u00a0o endere\u00e7o da url completa:<\/p>\n<pre>&lt;a href=\u201chttp:\/\/google.com\u201d&gt;Google&lt;\/a&gt;<\/pre>\n<h2>Links para p\u00e1ginas\u00a0locais<\/h2>\n<p>Quando se trata de p\u00e1ginas no mesmo site, locais, apontamos apenas o nome do documento html:<\/p>\n<pre>\u00a0&lt;a href=\u201ccajuzinho.html\u201d&gt;Receita de Cajuzinho&lt;\/a&gt;<\/pre>\n<h2>Links para a mesma p\u00e1gina<\/h2>\n<p>Quando queremos ligar um link a uma parte no mesmo documento, fazemos uma \u00e2ncora. Para isso precisamos de um link que aponta e outro link (ou elemento) que recebe a \u00e2ncora. Link que aponta:<\/p>\n<pre> &lt;a href=\u201c#ingredientes\u201d&gt;Veja os ingredientes&lt;\/a&gt;<\/pre>\n<p>A\u0302ncora (que recebe):<\/p>\n<pre>&lt;a id=\u201cingredientes\u201d&gt;Lista de ingredientes&lt;\/a&gt;<\/pre>\n<p><a href=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/exemplos\/links.zip\">Clique para baixar\u00a0o documento com exemplos de links<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As tags podem conter atributos que auxiliam a descrever, especificar e detalhar suas propriedades. Links &lt;a&gt; Os hiperlinks sa\u0303o inseridos atrave\u0301s da tag &lt;a&gt; De acordo com o atributo e o valor utilizado o link pode ser feito com uma pa\u0301gina externa (em outro site), uma pa\u0301gina interna (no mesmo site) ou com a mesma [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[16,3,15],"class_list":["post-56","post","type-post","status-publish","format-standard","hentry","category-html","tag-hiperlinks","tag-html-2","tag-links"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":7,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts\/56\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}