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

[opeth]

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".

<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.

[webosiris]

Hola opeth, me encanta que haya alguien preguntando por la semántica.. ¡BRAVO!

Iniciado por opeth

<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...

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)..

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.

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...

[c0lo]

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!

[KnowDemon]

Iniciado por c0lo

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.

[opeth]

Webosiris muchas gracias por las respuestas.

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:

<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:

<address>
My compañia
<br />
1234 Somewhere Lane
<br />
DF, México
<br />
Phone: [phone]
<br />
Fax: [phone]
</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.

[frijolerou]

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.

[c0lo]

Gracias KnowDemon!

[K3NNY]

Iniciado por webosiris

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.

[KnowDemon]

Iniciado por opeth

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.