img div attribute html website

html - div - ¿Cuáles son los nuevos marcos?



title html css (3)

Parece que estoy un poco desactualizado en la creación de sitios web.

Hace algunos años aprendí a crear sitios web simples con marcos.

Sin embargo, esta solución no es recomendada por w3school.com y los marcos ya no son compatibles en futuras versiones de HTML.

Entonces, ¿cuáles son los reemplazos simples?

  • iFrames también parecen estar desalentados por la mayoría de los desarrolladores
  • PHP parece proporcionar una solución? ¿Cuál es una forma simple en php para reemplazar marcos?
  • si no estoy usando php (en realidad necesito usar JavaEE en un proyecto), ¿cómo puedo crear sitios web con marcos?

Corto: ¿Cómo crear un sitio web atractivo (en forma de marco) hoy en día?


Generalmente hablando:

Visualmente

CSS . Existen numerosas técnicas para distribuir el contenido (dependiendo del efecto preciso que desee, el Santo Grial es un deseo común).

Las propiedades de overflow manejan sub-secciones de desplazamiento de páginas, aunque los diseñadores que piensan que tener un menú usando el espacio de la pantalla todo el tiempo es una buena idea, generalmente son incorrectos.

Evitar la duplicación de metacontent

(es decir, poner cosas como estructura básica, menús de navegación, etc. en cada página sin copiarlas / pegarlas)

Un sistema de plantilla (o un sistema de inclusión) que se ejecuta en el lado del servidor (más común) o en tiempo de compilación (que puede admitir servidores HTTP que solo permiten archivos estáticos).

El lenguaje en el que está implementado es irrelevante, PHP es tan común como muck, Java es una opción, me inclino por Perl (y más específicamente: Template Toolkit ), hay muchos otros. JavaScript se está volviendo cada vez más popular para este tipo de trabajo, con herramientas como assemble que están disponibles.

Use un motor de búsqueda para encontrar lenguajes de plantillas populares o incluya sistemas para su lenguaje de programación preferido.

Cargando nuevo contenido sin salir de la página

JavaScript, generalmente con el objeto XMLHttpRequest (la técnica se conoce como Ajax), y (si está haciendo cambios serios de contenido) usado en combinación con la API de historial (por lo que los marcadores y enlaces aún funcionan). Github es un buen ejemplo de esto . Existen varios marcos, como Angular, que intentan facilitar las cosas. Tenga en cuenta que el soporte limitado del navegador y todas las demás cosas que pueden causar que JS archive hace que sea esencial utilizar buenos principios de diseño . Un enfoque para robustecer estas cosas es escribir Isomorphic JS .


Los marcos no son reemplazados por una nueva "tecnología". El estado del arte es poner todo el contenido en el mismo documento y estilo a través de CSS. Por supuesto, el lado del servidor incluye puede ayudarte a hacer esto.


Use el posicionamiento CSS para crear una interfaz tipo marco y AJAX para cambiar el contenido de un contenedor. Puede usar marcos de JavaScript como jQuery , Prototype o MooTools para manejar las solicitudes de AJAX.

Sin embargo, si desea incluir contenido de otro dominio, debe usar un <iframe> , ya que AJAX sigue una misma política de origen .

Si quieres escribir DRY (no te repitas) podrías usar algún tipo de sistema de plantillas (PHP, Ruby, Pearl, Python, y por supuesto un marco para estos idiomas).