target en CSS

ZiTAL · #1 (**permalink**) 24/07/2006, 07:28

Hola a todos, como se debe poner target a la etiqueta a en CSS?

Muchas gracias ;)

kazafun · #2 (**permalink**) 24/07/2006, 10:43

Target esta en desuso, creo que la w3c no recomienda su uso, por lo que si quiere usarlo hazlo como mejor te parezca.

Tambien puedes utilizar javascript en su defecto.

ZiTAL · #3 (**permalink**) 24/07/2006, 11:48

entonces como hago un link ke se habra en una nueva pagina sin utilizar target="_blank" ?

kazafun · #4 (**permalink**) 24/07/2006, 12:07

Primero debes de asegurarte que es indispensable el no permitir que el usuario habra el enlace a su gusto.

Si lo consideras asi, pues puedes usar javascript:

<a href="javascript:ventanaemergente('')">Abre una ventana</a>

y definir una funcion que te abra una ventana.
En el subforo de javascript seguro que encuentras mejor informacion, en el bucador debe haber muchas entradas sobre este punto.

El tema del target, de la opcion con javascript se ha discutido bastante aqui... Hay mucha gente que considera totalmente justificado el darle siempre al usuario la opcion de abrir el enlace de la manera que quiera.
No se... yo al igual que tu encuentro a veces necesario el uso de ventanitas, de momento suelo usar la opcion de javascript.
Pero tu veras, tambien puedes pasar de los standares y hacerlo como mejor te convenga, es cosa tuya.

Un saludo.

webosiris · #5 (**permalink**) 24/07/2006, 14:59

hey, hey, hye, que estamos confundiendo las cosas

Cita:

Iniciado por ZITAL

como se debe poner target a la etiqueta a en CSS?

Target no es CSS, es HTML

Cita:

Target esta en desuso

No es cierto, target es totalmente válido en doctypes transitionals o framsets.

Cita:

<a href="javascript:ventanaemergente('')">Abre una ventana</a>

Nooooo, por favor.
Nunca se debe de poner js en el href.. porque si el usuario tiene js desactivado, va a pasar que no se va a abrir nada. La solución es sencilla: si querés usar target, no uses doctypes strict

y sobre la preguna, target se pone así:

Código HTML:

<a href="http://www.." target="_blank" >texto del enlace</a>

kazafun · #6 (**permalink**) 24/07/2006, 15:14

Me quedo con todas tus explicaciones que son bastante mejores y mas acertadas que las mias XDDDD

Por cierto el tema del doctype y target ya lo conocia, pero me surge una pregunta al respecto.

Transitional... Strict...

¿Deberiamos ver transitional como el modelo final de una web sin ningun tipo de complejo? ¿no deberiamos promover los pasos hacia codigos mas estrictos como forma de avanzar en la programacion web? ¿Es el problema aqui descrito TARGET, un ejemplo de cuando abandonarnos a doctypes mas "relajados" como los transitional?

Mi duda es ¿como deberiamos pensar? Supongo que depende de cada uno, pero bueno me gustaria saber vuestra opinion.

Un saludo webosiris y gracias por tus incisos, son valiosos para mi tambien.

tunait · #7 (**permalink**) 24/07/2006, 15:22

Cita:

Iniciado por ZiTAL

entonces como hago un link ke se habra en una nueva pagina sin utilizar target="_blank" ?

Pues con css desde luego no.

Dependiendo de la razón por la que no quieras incluir un target="_blank" podrías usar una alternativa u otra. Si es por validación podrías seguir la sugerencia de webosiris. Igual con javascript podrías hacer algo así

<a href="pepe.html" onclick="this.target = '_blank'"> pepe </a>

claro que si se tiene js habilitado el link se abrirá en la misma ventana.

Pero con css no se puede asignar un target

saludos

tunait · #8 (**permalink**) 24/07/2006, 15:23

...por cierto, traslado el tema al foro de Web general

movido desde CSS

saludos

scout_vlc · #9 (**permalink**) 01/04/2009, 03:24

Hola,
Yo estoy haciendo una web para una asignatura, y me obligan a validar las páginas HTML con la W3C, y me da este error:

Line 60, Column 82: there is no attribute "target".

…"img_producto.php?cod_pro=55" target="_blank">
Es un enlace a una página php que lo que hace es ampliar la foto del producto en una página nueva, y parece ser como he leído aquñi, en este foro, que no debe usarse ya la etiqueta target, según el tipo de documento.

Yo tengo esta cabecera:

Código HTML:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

La profesora nos "obliga" a usar esta cabecera en todas las páginas HTML, entonces ¿cómo abro la página en una nueva ventana y que me valide por la W·C?
Muchas gracias.

ZiTAL · #10 (**permalink**) 01/04/2009, 04:04

Código HTML:

<a href="http://www.google.es" onclick="window.open(this.href); return false;" title="google">www.google.es</a>

;)

PD: joder que post más viejo :)

seoista · #11 (**permalink**) 01/04/2009, 23:27

¿Cual sería el más correcto?

- <a href="http://www.google.es" onclick="window.open(this.href); return false;">Google</a>

- <a href="http://www.google.es" onclick = "this.target='_blank'">Google</a>

- <a href="http://www.google.es" onclick="javascript:window.open('http://www.mipagina.com'); return false;">Google</a>

Muchas gracias.

Saludos

.

ZiTAL · #12 (**permalink**) 02/04/2009, 03:01

el primero y el tercero el que más te guste.

seoista · #13 (**permalink**) 02/04/2009, 04:20

Cita:

Iniciado por ZiTAL

el primero y el tercero el que más te guste.

Muchas gracias ZiTAL.

PabloManuel · #14 (**permalink**) 19/10/2011, 11:19

Perdón por reabrir el tema, pero ahora con CSS3 si es posible, aunque no del todo compatible con todos navegadores, pero no debe tardar mucho:

http://reference.sitepoint.com/css/pseudoclass-target