Diferencia entre atributo y propiedad

chicohot20 · #1 (**permalink**) 06/05/2011, 14:26

Hola. Tengo una simple consulta a los gurus.

En XHTML cual es la diferencia entre una etiqueta y una propiedad? no logro entenderlo.

Gracias.

zerokilled · #2 (**permalink**) 06/05/2011, 14:36

buenas,
eso se explica en casi todos los manuales de html. la propiedad es un atributo de la etiqueta y tiene la sintaxis nombre="valor". una etiqueta es todo lo que esta dentro de los simbolos <>.

chicohot20 · #3 (**permalink**) 06/05/2011, 14:52

Cita:

Iniciado por zerokilled

...la propiedad es un atributo de la etiqueta y tiene la sintaxis nombre="valor".

es decir es lo mismo?, no lo creo.
y cuales son las propiedades que puede tener un elemento html?

zerokilled · #4 (**permalink**) 06/05/2011, 15:23

en realidad el termino propiedad se utiliza mas en la rama de programacion. para html el termino mas adecuado es atributo. los atributos que puede tener un elemento (en cualquier lenguaje de marcado -markup language-) esta definido por un tipo de documento comunmente conocido como schema. el DTD (Document Type Definition) es una de las modalidades. en el caso de html y xhtml hay varios DTD dependiendo la version del lenguaje. por ejemplo, en html 4.01 y xhtml 1.0 hay tres DTD: transicional, frameset, y estricto. si revisas ese documento (el cual es un poco complicado comprender cuando no se trabaja con schema) veras un listado de todos los elementos posibles y sus atributos. los documentos DTD los puedes consultar en las siguientes URLs:

HTML4.01 DTDs
- estricto - http://www.w3.org/TR/html4/strict.dtd
- transicional - http://www.w3.org/TR/html4/loose.dtd
- frameset - http://www.w3.org/TR/html4/frameset.dtd
XHTML 1.0 DTDs
- estricto - http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
- transicional - http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
- frameset - http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd

de todos modos, creo que mejor te conviene ver otras referencias. por lo general tienen un listado completo de los atributos. por ejemplo, el listado de @caricatos, http://www.caricatos.net/tags/index.php.

angelfcm · #5 (**permalink**) 06/05/2011, 17:23

Hola

EJEMPLO SEGUN:
<body style="background-color:#ff0000">

Etiqueta ó Elemento ó Nodo o Objeto(tomándolo como objeto, un ejemplo cotidiano es: un coche)
Atributo: puede asimilarse a una clase descriptiva o una cualidad del objeto(ejemplo cotidiano: un coche con llantas)
Propiedad: el que le da una característica más a esa cualidad(ejemplo cotidiano: un coche con llantas de color)
Valor: el que le da un valor característico(ejemplo cotidiano: un coche con llantas de color gris)

Si convertimos el coche con llantas de color gris a una etiqueta HTML, quedaría como a continuación:

Código XML:

Ver original<coche llantas="color:gris"></coche>

Espero y sea comprensible, Saludos!

chicohot20 · #6 (**permalink**) 07/05/2011, 19:40

La propiedad es una característica, pero caracteristica de que? de un valor del atributo? del elemento?

Por ejemplo en un <input type="checkbox" /> cúal sería su propiedad?

Gracias.

zerokilled · #7 (**permalink**) 07/05/2011, 19:55

de nuevo, como ya mencione anteriormente, el termino propiedad se utiliza mas en programacion. comprenda que html no es un lenguaje de programacion, sino de marcado. en html se utiliza el termino atributo. un atributo vendria siendo una caracteristica del elemento en que se define. en el ejemplo que has puesto, el atributo es type="checkbox" y le pertenece al elemento <input>.

chicohot20 · #8 (**permalink**) 07/05/2011, 20:05

pero porque se habla de propiedad en la documentacion de jQuery? http://api.jquery.com/prop/
jQuery trabaja con HTML no?

Gracias zerokilled

zerokilled · #9 (**permalink**) 07/05/2011, 20:15

en jQuery se habla de propiedad porque lo que utiliza es un lenguaje de programacion, especificamente javascript. por lo cual, el termino propiedad es adecuado ahi. y si, jQuery -al igual que javascript- trabaja con html. ahora bien, lo que sucede es que en javascript, todos los atributos de un elemento se convierte en propiedades bajo el mismo nombre, salvo en algunas ocaciones donde la sintaxis lo impide o porque es una palabra reservada del lenguaje. usando el ejemplo anterior, el atributo type se representaria como input.type en javascript, y dicha propiedad hace referencia al atributo. son homogeneos para una misma entidad, lo que cambia es el termino segun el entorno de trabajo.

chicohot20 · #10 (**permalink**) 07/05/2011, 20:17

Excelente! gracias.