"HTML"


HTML, siglas de HyperText Markup Language (lenguaje de marcado de hipertexto), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).
Historia de HTML
La primera descripción de HTML disponible públicamente fue un documento llamado: HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4. Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática. El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. De la misma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.


VERSIONES DE HTML
HTML 2.0
En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas.

Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional.
HTML 3.2
La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.01
La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01.
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).

HTML 4.01 Transitional
En este tipo de documentos se pueden usar todas las etiquetas de todas las versiones de HTML. Usar esta variante de HTML no es lo más recomendable porque podemos usar etiquetas obsoletas que podrían dejar de funcionar en las proximas versiones de los navegadores. Este es el estándar más usado, porque combina la posibilidad de usar etiquetas más antiguas y etiquetas más modernas, de forma que podamos aspirar a una mejor visualización en la mayor parte de los navegadores.
HTML 4.01 Frameset
Este tipo de documentos tiene soporte para frames. Los frames son unos marcos a modo de pequeñas subventanas dentro de una misma página web que se usaban mucho hace unos años pero que hoy en día se usan cada vez menos. Este tipo de HTML podemos considerarlo anticuado, porque hay otras formas de diseñar páginas web sin frames más modernas y útiles que nos permiten obtener el mismo resultado de forma más eficiente.
HTML5 (HyperText Markup Language}
es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTMLconocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml).1 2 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
Todavía se encuentra en modo experimental, lo cual indica la misma W3C; aunque ya es usado por múltiples desarrolladores web por sus avances, mejoras y ventajas.
Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.
El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.






NAVEGADORES
Safari es un navegador web de código cerrado desarrollado por Apple Inc. Está disponible para Mac OS X e iOS (el sistema usado por el iPhone, el iPod Touch y el iPad).Incluye navegación por pestañas, corrector ortográfico, búsqueda progresiva, vista del historial en CoverFlow, administrador de descargas y un sistema de búsqueda integrado.Proporciona un entorno para los desarrolladores web, como el "User Agent" en el cual se selecciona el motor de rederizado para abrir las páginas web. Posee un Inspector Web y una consola de errores, además de herramientas para JavaScript. Está escrito sobre el framework WebKit, que incluye a WebCore, el motor de renderizado, y JavaScriptCore, el intérprete de JavaScript. Por su parte, WebKit (el motor de renderizado del navegador) está basado en el motor KHTML, creado por el proyecto KDE para su navegador Konqueror. Como resultado de esto, el motor interno de Safari es software libre y es liberado bajo los términos de la licencia LGPL. Las mejoras al código de KHTML por parte de Apple son incorporadas al código de KDE rápidamente.
Google Chrome es un navegador web desarrollado por Google y compilado con base en componentes de código abierto como el motor de renderizado WebKit y su estructura de desarrollo de aplicaciones (framework),2 disponible gratuitamente bajo condiciones de servicio específicas. Por su parte, Chromium es el proyecto de software libre con el que se ha desarrollado Google Chrome y es de participación comunitaria (bajo el ámbito de Google Code) para fundamentar las bases del diseño y desarrollo del navegador Chrome (junto con la extensión Chrome Frame), además del sistema operativo Google Chrome OS. La porción realizada por Google está amparada por la licencia de uso BSD, con otras partes sujetas a una variedad de licencias de código abierto permisivas que incluyen MIT License, Ms-PL y la triple licencia MPL/GPL/LGPL.1En esencia, los aportes hechos por el proyecto libre Chromium fundamentan el código fuente del navegador base sobre el que está construido Chrome y por tanto tendrá sus mismas características, pero con un logotipo ligeramente diferente y sin el apoyo comercial o técnico de la compañía Google.
Windows Internet Explorer (anteriormente Microsoft Internet Explorer), conocido comúnmente como IE, es un navegador web desarrollado porMicrosoft para el sistema operativo Microsoft Windows desde 1995. Ha sido el navegador web más utilizado de Internet desde 1999 hasta el 2012, con un pico máximo de cuota de utilización del 95% entre el 2002 y 2003. Sin embargo, dicha cuota de mercado ha disminuido paulatinamente con los años debido a una renovada competencia por parte de otros navegadores, situándose aproximadamente entre el 30% y 54% para finales de marzo de 2012,el 12 de Mayo de 2012 ,fue superado por Google Chrome ,dependiendo de la fuente de medición global. Internet Explorer, utilizando el motor de diseño Trident, soporta HTML 4.01, CSS 1.0, CSS 2.1 y XML 1, con pequeñas lagunas de contenido. El soporte para gran parte del borrador de estándar CSS3, así como HTML5 está en el proyectado para Internet Explorer 9.
Es totalmente compatible con XSLT 1.0, así como un dialecto de XSLT obsoleto creado por Microsoft al que se refiere a menudo como WD-XSL. Está proyectado soporte para XSLT 2.0 para versiones futuras de Internet Explorer, bloggers de Microsoft han indicado que el desarrollo está en marcha, pero las fechas no se han anunciado.
Internet Explorer ha introducido una serie de prórrogas a JavaScript que han sido adoptadas por otros navegadores. Estas incluyen innerHTML, que devuelve la cadena de HTML dentro de un elemento, el XML HTTP Request, que permite el envío de la petición HTTP y la recepción de la respuesta HTTP. Algunas de estas funcionalidades no son posibles hasta la introducción de los métodos de DOM inducidos por W3C.
Mozilla Firefox es un navegador web libre y de código abierto desarrollado para Microsoft Windows, Mac OS X y Linux coordinado por Mozilla Corporation y Mozilla Foundation. Usa el motor Gecko para renderizar páginas webs, el cual implementa actuales y futurosestándares web. A partir de agosto de 2012 Firefox tiene un 23% de la cuota de mercado, convirtiéndose en el tercer navegador web más usado, con particular éxito en Indonesia, Alemania y Polonia, donde es el más popular con un 65%, 47% y 47% de uso, respectivamente. Sus características incluyen navegación por pestañas, corrector ortográfico, búsqueda progresiva, marcadores dinámicos, un administrador de descargas, navegación privada, navegación congeorreferenciación, aceleración mediante GPU, e integración del motor de búsqueda que desee el usuario. Proporciona un entorno para los desarrolladores web en el que se puede utilizar herramientas incorporadas, como la Consola de errores, Scratchpad (para probar código JavaScript), el Inspector DOM, o extensiones como Firebug.Es compatible con varios lenguajes web, incluyendo HTML, XML, XHTML, SVG 1.1 (parcial), CSS 1, 2 y 3, ECMAScript (JavaScript), DOM,MathML, DTD, XSLT, XPath, e imágenes PNG con transparencia alfa. También incorpora las normas propuestas por el WHATWG, y es compatible con el elemento HTML Canvas.
Netscape Navigator fue un navegador web y el primer producto comercial de la compañía Netscape Communications, creada por Marc Andreessen, uno de los autores de Mosaic, cuando se encontraba en el NCSA (Centro Nacional de Aplicaciones para Supercomputadores) de laUniversidad de Illinois en Urbana-Champaign. Netscape fue el primer navegador comercial.
Fue muy criticado por los partidarios de los estándares en Internet por introducir en el HTML gran cantidad de extensiones propietarias (o netscapismos), es decir, creadas por sus autores, sin respetar las recomendaciones del World Wide Web Consortium, lo que dañaba la compatibilidad de las páginas entre navegadores y al objetivo de llegar a la web semántica. Entre las extensiones propietarias introducidas por Netscape destacan los frames y los layers.
La versión 4 introdujo las hojas de estilo en cascada (CSS) y HTML dinámico a través de JavaScript y una extensión propietaria de HTML llamada layers. Por desgracia, esta versión estaba plagada de bugs, y su implementación del HTML dinámico era inferior a la del Internet Explorer 4. Esto, unido a la integración de Internet Explorer en Microsoft Windows, llevó a la llamada guerra de los navegadores entre ambas compañías, que introdujeron abundantes extensiones propias e incompatibles entre sí a HTML y JavaScript. Esto obligó a muchos a crear dos versiones de sus páginas, una para cada navegador.

Opera es un navegador web y suite de Internet creado por la empresa noruega Opera Software, capaz de realizar múltiples tareas como navegar por sitios web, gestionar correo electrónico, contactos, fuentes web, charlar vía IRC y funcionar como cliente BitTorrent. Opera ha sido pionero en incorporar muchas de las características que hoy en día se pueden ver en el resto de los navegadores web como el zoom y la búsqueda integrada y popularizar otras como las pestañas, aunque ellos no las inventaron (las pestañas fueron introducidas por InternetWorks de Booklink Technologies en 1994, luego Netcaptor en 1997, IBrowse en 1999 antes de la aparición en Opera en 2000). La versión 6, lanzada el 18 de diciembre del 2001 introdujo el estándar unicode, y no fue hasta la versión 7, que contó con Presto un nuevo motor dejavascript y compatibilidad total con especificaciones como Document Object Model, CSS2.1 (Cascading Style Sheets, segunda revisión) y XHTML(Extensible Hypertext Markup Language o HTML extensible). La versión 7.6, una versión alfa, incluyó un novedoso sistema de reconocimiento de voz basado en XML (VoiceXML), facilitando así la accesibilidad. Posteriormente, la misma versión 8 se agregó soporte nativo de gráficos SVG Tiny.
Amaya es una herramienta combinada del W3C compuesta por un navegador web y una herramienta de autor. Cualquier página web que se abra puede ser editada inmediatamente. Se pueden ver y generar páginas HTML y XHTML con hojas de estilo CSS, expresiones MathML y dibujosSVG. Una gran característica consiste en que puede ver los enlaces que se crean con el editor.Renderiza imágenes, por ejemplo en PNG y un subconjunto del formato de Gráficos Vectoriales Escalables (SVG), como figuras básicas, texto, imágenes y foreignObject (el último es útil para incluir fragmentos HTML o expresiones MathML en los dibujos). Los gráficos están escritos enXML y pueden ser mezclados libremente con HTML y MathML.
Es software libre, disponible para sistemas tipo Unix, GNU/Linux, Mac OS X, Windows y otras plataformas. La última versión liberada es la 11.4.4, que fue lanzada el 18 de enero de 2012. Esta versión soporta HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0, muchas características CSS 2, e incluye soporte para gráficos SVG (transformación, transparencia y animación SMIL), además se puede, no sólo visualizar sino además editar, de manera parcial, documentos XML. Se puede decir que es una aplicación «internacionalizada».
Mosaic fue el segundo navegador gráfico disponible para visualizar páginas web (el considerado como primer navegador gráfico es ViolaWWW, cuya primera versión completa data de 1992), y el primer navegador gráfico para Microsoft Windows. Fue creado en el NCSA en enero de 1993 por Marc Andreessen (el cual desarrolló parte del código, como la posibilidad de acceso a páginas en disco mediante protocolo file://) y Eric Bina. La primera versión funcionaba sobre sistemas Unix, pero fue tal su éxito que en agosto del mismo año se crearon versiones para Windows yMacintosh.
Este navegador web que se convirtió junto con ViolaWWW en uno de los referentes clásicos de la tecnología World Wide Web, base para las primeras versiones de Mozilla y Spyglass (más tarde adquirido por Microsoft y renombrado Internet Explorer).
Su funcionamiento en varios sistemas operativos (por aquel entonces Unix, Windows y Macintosh), su capacidad para acceder a servicios web mediante HTTP, en su versión primitiva (HTTP 0.9) como la concibió Tim Berners-Lee, un cuidado (para aquel entonces) aspecto gráfico, y la posibilidad de acceso adicional a Gopher, FTP y Usenet News mediante NNTP, lo catapultan muy pronto a la popularidad en una incipiente internet. Mosaic era software copyright de The Board of Trustees of the University of Illinois (UI). Su última versión windows, NCSA Mosaic v3.0, data de1996. Nunca llegó a ser capaz de renderizar imágenes PNG, aunque si era capaz de hacerlo en los muy comunes JPEG y GIF. El lenguaje para documentos web que interpretaba se corresponde con HTML 2.

Editores de HTML

Editores WYSIWYG

Existe la tendencia generalizada a creer que los editores llamados "WYISWYG" ("What You See Is What You Get", en castellano algo así como"lo que ves es lo que obtienes"), son ideales para empezar a crear páginas Web. En cierto modo es una actitud comprensible: si alguien sólo quiere poner cierta información en la Web, y mediante un programa puede hacerlo rápidamente y sin tener que aprender HTML y CSS, ¿por qué no? Sería la solución más práctica.
Sin embargo, desgraciadamente, hay un problema: los editores WYSIWYG que hay hoy en el mercado producen en general códigos que pueden generar fácilmente problemas de accesibilidad, especialmente si están en las manos de alguien que no conoce mínimamente bien cómo funciona la Web (o mejor dicho, cómo debería funcionar).
Por otra parte, el concepto WYSIWYG es por principio completamente incompatible con el de la WWW. Es más, podría decirse que son conceptos contrapuestos. Muchos principiantes hacen sus páginas pensando que su editor es realmente WYSIWYG, y después se producen las sorpresas.
A medida que mejoren las implementaciones de las hojas de estilo en cascada, los editores visuales (como mejor deberían llamarse) se adaptarán mejor a la forma de trabajar de la Web y producirán documentos mejores, más sencillos y accesibles. Será posible (esperemos que no dentro de mucho) hacer páginas web de manera sencilla y segura, y se podrá dedicar más tiempo a la calidad del contenido y su integración con el resto de la Web. Hasta entonces, si queremos aplicar el principio de separación entre estructura y apariencia, lo más sencillo sigue siendo aprender HTML y CSS y emplear un buen editor de texto.
A mí, una de las cosas que más me sorprendió fue que esa comunidad de gente poniendo información en línea estaba preparada para ir y escribir todos esos signos de mayor y menor. Todavía me deja alucinado, yo no estoy preparado para eso, a mí me vuelve loco. (Tim Berners-Lee, 1996)


Compatibilidad entre navegadores

Descripción: No no
Descripción: No no
Descripción: No no
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Parcial14
Descripción: Sí sí
Descripción: Sí sí
 ?
 ?
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí
Descripción: Sí sí


Etiquetas de HTML


<A> Hipervínculo. (Ej: < a href="DIRECCION WEB" >Text</a>

<ADDRESS> Formato para dirección del autor.

<BASE> Url del autor; contexto del documento.

<BASEFONT SIZE> Tamaño de la fuente base.

<BGSOUND> Sonido de fondo.

<BIG> Aumenta el tamaño. Ninguno

<BLINK> Hace parpadear el texto.[Sólo con algunos Navegadores]

<BLOCKQUOTE> Da formato con sangría a un párrafo

<BODY> Cuerpo del documento. < body > & < /body >

<BR> Retorno de línea

<CAPTION> Posición de la leyenda en una tabla.

<CENTER> Centrar. <center> Texto </center>

<CI> Formato para citas en itálicas.

<CODE> Formato en tipo código. < code > Texto < /code >

<DD> Definiciones marcadas, para Lista de Definiciones

<DFN> Formato en itálica.

<DIR> Lista de directorio, con elementos marcados con <LI>.

<DL> Definiciones, con términos marcados con <DT> y <DD>.

<DT> Términos marcados, para Lista de Definiciones <DL>.

<EM> Formato enfatizado en itálica.

<EMBED> Sonido de Fondo. [Sólo con algunos Navegadores]

<FONT> Definición de la fuente. < font="arial" size="12" type="bold" >Texto</font>

<FORM> Para ingreso
de datos del usuario en un formulario.

<H1 ...H6> Tamaño de letras del 1 al 6. <h1/2/3/4/5/6>

<HEAD> Encabezamiento del documento. <head> & </head>

<HR> Línea horizontal.

<HTML> Al principio y al fin de todo documento. <html> & </html>

<I> Itálica (Cursiva).

<IMG> Cargar imágenes. <img src="LINK">

<INPUT> Define un objeto de ingreso en un formulario.

<ISINDEX> Indica que existe un index en el server para doc.

<ISMAP> Activa la selección de imágenes para el usuario.

<KBD> Formato monoespaciado.

<LI> Ítem de lista.

<LISTING> Listados.

<LIT> Literal. Como PRE, pero letra proporcional.

<MARQUEE> Marquesina. <marquee direction="up/left/right/donw"> Texto </marquee>

<MENU> Lista menú.

<META> Metainformación ubicada en HEAD.

<NEXTID> Es un parámetro que identifica al documento.

<NOBR> Elimina los saltos de líneas.

<OL> Lista ordenada, con elementos marcados con < LI >.

<OPTION> Opción de selección dentro de un formulario.

<P> Retorno de línea, con un espacio.

<P ALIGN> Alineación de texto.

<PLAINTEXT> Pasaje de texto plano.

<PRE> Visualiza el texto en su formato original.

<S> Texto tachado.

<SAMP> Formato tipo ejemplo.

<SELECT> Para selección de opciones dentro de un formulario.

<SMALL> Disminuye el tamaño.

<STRONG> Formato enfatizado más fuerte que <EM>.

<SUB> Subíndice.

<SUP> Superíndice.

<TABLE> Tabla.

<TD> Celdas de una fila en una tabla, dentro de <TR>.

<TEXTAREA> Área para ingreso de texto dentro de un formulario.

<TH> Título de Tabla.

<TITLE> Título dentro de HEAD. <title> & </title>

<TR> Fila de una Tabla.

<TT> Formato tipo máquina.

<UL> Lista no ordenada, con elementos marcados con <LI>.

<VAR> Formato tipo variable.

<WBR> Se usa con NOBR para una sección separada.

<XMP> Similar a PRE.











No hay comentarios:

Publicar un comentario