Foros del Web » Creando para Internet » HTML »

código "semántico": elementos cite, abbr, acronym, em y strong

Estas en el tema de código "semántico": elementos cite, abbr, acronym, em y strong en el foro de HTML en Foros del Web. tengo problemas en cuando usar un elemento u otro. 1.- encontraba algo confuso en cuando usar los elemetos <acronym> y <abbr> asi que me puse ...
  #1 (permalink)  
Antiguo 22/08/2006, 17:41
Avatar de opeth  
Fecha de Ingreso: junio-2004
Ubicación: Distrito Federal, México
Mensajes: 338
Antigüedad: 13 años, 5 meses
Puntos: 0
código "semántico": elementos cite, abbr, acronym, em y strong

tengo problemas en cuando usar un elemento u otro.

1.- encontraba algo confuso en cuando usar los elemetos <acronym> y <abbr> asi que me puse a investigar para quitarme las malditas dudas y cuando ya tenia una cierta idea me entero de que <abbr> no significa nada para IE ¿entonces debo marcar todo con <acronym> para que IE pueda mostrarme el tooltip para desplegar la informacion que pongo con el atributo title a estos elementos o hay otra solución? :

pongo algunos links por si alguien le interesa

Abreviaturas vs. Acrónimos
Carga semántica en XHTML: acronym
Abreviaturas versus Acrónimos
Acrónimos y abrevituras
Styling abbreviations and acronyms

2. ¿No esta de mas el elemento <strong>? dijo con <em> puedo decir cuando quiero resaltar algo no veo porque marcar algo como ¡fuerte! a ¡FUERTE! los dos tienen el mismo significado (no se si me explico)

3.-¿que diferencia hay en esto (el código de abajo) o cual es el significado de cada cosa? además con <q cite=*> IE no hace ninguna diferencia visual cuando lo "renderiza".

Cita:
<p>In reprehenderit <q cite="http://www.forosdelweb.com">ut aliquip ex ea commodo consequat.</q> d est laborum. <cite>In reprehenderit</cite> in voluptate qui offic</p>
bueno ojala me puedan sacar de esas dudas para poder hacer páginas mas semanticas.

Saludos

PD. siento que algunas definiciones de W3C son algo ambiguas.

Última edición por opeth; 22/08/2006 a las 19:02
  #2 (permalink)  
Antiguo 23/08/2006, 05:40
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Hola opeth, me encanta que haya alguien preguntando por la semántica.. ¡BRAVO!

Cita:
Iniciado por opeth Ver Mensaje
<abbr> no significa nada para IE
No entiendo este punto.. lo que hace IE es no subrayarlo, pero eso se soluciona con CSS. El title claro que lo muestra... pero igual, una recomendación: OLVIDATE de los navegadores. Si uno búsca la semántica, no puede estar pendiente de lo que hace o deja de hacer el navegador A, o el B, etc.. porque si no, uno va en contra de la propia semántica que se está buscando...

Cita:
2. ¿No esta de mas el elemento <strong>? dijo con <em>
em da énfasis (itálica), strong da un énfasis aún más fuerte (negrita)..

Cita:
cual es el significado de cada cosa?
Creo que un texto en lipsum no es lo mejor para ilustrar algo semántico
Mirá este ejemplo:
Código HTML:
<p>Como alguien dijo en <cite>Foros del Web</cite>: <q cite="http://www.forosdelweb.com">Windows Vista busca compatibilidad con Firefox</q></p> 
p -> párrafo
q -> texto que se cita, cuando es un texto inline (osea, menos de 1 párrafo)
blackquote -> igual que q, pero para textos en bloque (citas largas)
cite -> Contiene una cita o una referencia a otras fuentes

CITE se usa en dos formas, como un atributo con valor una url o como un elemento.

Cita:
IE no hace ninguna diferencia visual cuando lo "renderiza".
Todo lo visual -> CSS. Además si hay gente que quiere usar un navegador defectuoso, no es culpa tuya..

Te podría servir leer también: HTML, lenguaje de marcas

Espero haber aclarado la mayoría de tus dudas...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 23/08/2006, 06:20
Avatar de c0lo  
Fecha de Ingreso: julio-2005
Ubicación: Buenos Aires
Mensajes: 281
Antigüedad: 12 años, 4 meses
Puntos: 1
Ya que estamos en el tema, cual es la funcion de la etiqueta <label> y su atributo for en los formularios?? (usabilidad y semantica). Alguien podria enseñarme un ejemplo?

Gracias!
__________________
Nuestro amo juega al esclavo // de esta tierra que es una herida
que se abre todos los días // a pura muerte, a todo gramo.
Violencia es mentir.
  #4 (permalink)  
Antiguo 23/08/2006, 08:50
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Cita:
Iniciado por c0lo Ver Mensaje
Ya que estamos en el tema, cual es la funcion de la etiqueta <label> y su atributo for en los formularios?? (usabilidad y semantica). Alguien podria enseñarme un ejemplo?

Gracias!
Hola,

El propósito del elemento "label" en formularios radica en especificar que texto o cosa es la etiqueta de un elemento de formulario. Un agente de usuario no visual podría utilizar esa información para asociar un nombre a un elemento de formulario en particular (independientemente de su nombre como "variable").

Por ejemplo:
Código HTML:
<label for="nom">Nombre: </label><input type="text" name="nom" /> 
Ahí decimos que "Nombre:" es la etiqueta asociada al control "nom". Como resulta evidente, "label" se puede encontrar en cualquier lugar sin perder su asociación al elemento de formulario.
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
  #5 (permalink)  
Antiguo 23/08/2006, 14:47
Avatar de opeth  
Fecha de Ingreso: junio-2004
Ubicación: Distrito Federal, México
Mensajes: 338
Antigüedad: 13 años, 5 meses
Puntos: 0
Webosiris muchas gracias por las respuestas.

Cita:
Si uno búsca la semántica, no puede estar pendiente de lo que hace o deja de hacer el navegador A, o el B, etc.. porque si no, uno va en contra de la propia semántica que se está buscando...
tienes toda la razón nunca lo había pensado desde ese punto.

Sobre mis preguntas:

1. Te juro que el atributo title en IE no se muestra en el elemento <abbr>. Esto es lo que escribo:

Cita:
<abbr title="hypertext markup languaje">HTML</abbr><acronym title="Organización de las Naciones Unidas">ONU</acronym>
2.- En mi pregunta 2 me refiero a que creo que <em> y <strong> tienen el mismo significado "enfatizar" por eso siento que <strong> sobra y si algo quiero que se vea más importante lo hago con CSS. ¿no se si me explique? Pero entiendo tu punto.

3.- en mi pregunta tres me explicaste totalmente la duda que tenia con el ejemplo que pusiste

4.- otra pregunta ¿como remplazar <br />? porque creo que es un elemento totalmente que sirve para la presentación no para el marcado de contenido. Pero por ejemplo:

Cita:
<address>
My compañia
<br />
1234 Somewhere Lane
<br />
DF, México
<br />
Phone: (123) 456-7890
<br />
Fax: (123) 456-7890
</address>
¿forzosamente tengo que utilizar <br /> para conseguir el salto de línea?

Bueno en mis preguntas en el primer post hacia referencia sobre lo visual en IE porque creo que ayuda un poco a la usabilidad pero tambien tienes razón si tienen un Navegador defectuoso es porque quieren las opciones ahi estan.

Bueno gracias, nos vemos.
  #6 (permalink)  
Antiguo 23/08/2006, 15:31
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Cita:
Iniciado por opeth
por eso siento que <strong> sobra y si algo quiero que se vea más importante lo hago con CSS. ¿no se si me explique?
Pero en ese caso estarás amarrado a que el agente de usuario utilizado por el usuario tenga soporte para dicho CSS (a ver como lo haces con navegadores de solo texto para que el usuario se de cuenta que determinado texto tiene gran importancia). Por eso es que debes hacerlo semánticamente (em y strong) dependiendo del nivel de resalte que quieras darle.
  #7 (permalink)  
Antiguo 23/08/2006, 17:27
Avatar de c0lo  
Fecha de Ingreso: julio-2005
Ubicación: Buenos Aires
Mensajes: 281
Antigüedad: 12 años, 4 meses
Puntos: 1
Gracias KnowDemon!
__________________
Nuestro amo juega al esclavo // de esta tierra que es una herida
que se abre todos los días // a pura muerte, a todo gramo.
Violencia es mentir.
  #8 (permalink)  
Antiguo 23/08/2006, 18:21
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 13 años, 9 meses
Puntos: 20
Cita:
Iniciado por webosiris Ver Mensaje
No entiendo este punto.. lo que hace IE es no subrayarlo, pero eso se soluciona con CSS.
No, el problema va mas alla me parece. El otro dia me encontre con este problema. Si, por ejemplo, en la hoja de estilos uno hace esto...

Código:
abbr {
float: right;
}
...en cualquier navegador decente el abbr flota, peor en IE no. No probe asignandole una id o class, pero asi puro, IE no lo reconoce.
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #9 (permalink)  
Antiguo 25/08/2006, 11:48
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
Cita:
Iniciado por opeth Ver Mensaje
4.- otra pregunta ¿como remplazar <br />? porque creo que es un elemento totalmente que sirve para la presentación no para el marcado de contenido [...]

¿forzosamente tengo que utilizar <br /> para conseguir el salto de línea?
Mmmmmm... No estoy del todo de acuerdo que <br /> sea un elemento "presentacional" al 100%. Es verdad es que muy propenso a usarse mal... pero los saltos de línea también pueden proveer "información", no son solo presetación si están bien utilizados. Lo primero que me viene a la mente es un poema. Al escribirlo, usualmente necesitamos saltos en cada línea, pero esos "saltos" también forman parte del poema. No es mera presentación. No se si me de a entender.
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 20:45.