{"id":1428,"date":"2024-05-22T17:46:00","date_gmt":"2024-05-22T17:46:00","guid":{"rendered":"https:\/\/orpot.com\/blog\/?p=1428"},"modified":"2024-05-22T17:46:15","modified_gmt":"2024-05-22T17:46:15","slug":"html-enlaces","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/html-enlaces\/","title":{"rendered":"HTML: Enlaces"},"content":{"rendered":"<header class=\"article-header\">\n<p class=\"title\"><span style=\"font-size: 16px;\">Los enlaces se definen utilizando la etiqueta a. El destino del enlace se establece mediante su atributo href.<\/span><\/p>\n<\/header>\n<article class=\"article-content\">Ejemplo:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;a href=\"https:\/\/flaviocopes.com\"&gt;\r\n\u00a0 haz clic aqu\u00ed\r\n&lt;\/a&gt;<\/pre>\n<p>Entre las etiquetas de apertura y cierre, tenemos el texto del enlace.<\/p>\n<p>El ejemplo anterior es una URL absoluta. Los enlaces tambi\u00e9n funcionan con URLs relativas:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;a href=\"\/test\"&gt;haz clic aqu\u00ed&lt;\/a&gt;<\/pre>\n<p>En este caso, al hacer clic en el enlace, el usuario es redirigido a la URL \/test en el origen actual.<\/p>\n<p>Ten cuidado con el car\u00e1cter \/. Si se omite, en lugar de comenzar desde el origen, el navegador simplemente agregar\u00e1 la cadena de prueba a la URL actual.<\/p>\n<p>Por ejemplo, supongamos que estoy visitando la p\u00e1gina https:\/\/orpot.com\/axios\/ y tengo estos 2 enlaces (no existen, es solo un ejemplo):<\/p>\n<p>&#8211; el enlace \/test tiene una \/ precediendo a test, al hacer clic me lleva a https:\/\/orpot.com\/test. La \/ significa \u00abcomenzar desde la ra\u00edz\u00bb.<br \/>\n&#8211; el enlace test no tiene una \/ precediendo a test, as\u00ed que una vez que hago clic me lleva a https:\/\/orpot.com\/axios\/test<\/p>\n<p>Las etiquetas de enlace pueden incluir otras cosas dentro de ellas, no solo texto. Por ejemplo, las im\u00e1genes tambi\u00e9n pueden ser enlaces, por lo que puedes hacer clic en una imagen y abrir una nueva p\u00e1gina.<\/p>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Los enlaces se definen utilizando la etiqueta a. El destino del enlace se establece mediante&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178,180],"tags":[],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1428"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=1428"}],"version-history":[{"count":2,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1428\/revisions"}],"predecessor-version":[{"id":1430,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1428\/revisions\/1430"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}