2010-03-10 18 views
19

Es una pregunta extraña, pero ¿alguien sabe el límite real de la longitud de una página web, y por qué es el límite?¿Cuánto tiempo puede durar una página web?

Como experimento, estoy usando HTML y CSS para hacer un sitio que representa un viaje a una escala de 1: 1. Tengo una lista ul de marcadores en el camino que he separado con grandes márgenes en el CSS. Sin embargo, el margen más largo que puede llegar a trabajar hasta el momento es

top-margin:100000cm; 

Puesto que hay 43 elementos de la lista, que equivale a 4,300,000cm, o 43 kilometros. ¿Alguien sabe por qué está llegando a un límite en torno a esta marca, o cómo podría hacerlo más? Estoy usando Safari para probar actualmente.

+1

Eh! ¡Realmente extraño! ¡La necesidad en sí es extraña! – Kangkan

+4

¿Lo intentó con diferentes navegadores, sistema operativo, computadoras? El límite puede provenir de la implementación del navegador de html/css. – Sejanus

+1

Lo sé, pero no hace ningún daño saber los verdaderos límites de las cosas seguramente –

Respuesta

3

Parece ser simplemente un valor máximo en el que se puede establecer la propiedad margin-top. Probé valores de hasta 400,000 cm con 100 elementos y la página los carga todos muy bien. Incluso traté de aumentar hasta 1000 elementos para ver si el número se vio afectado por el tiempo de carga, pero nada. Parece ser un número exacto en algún lugar entre 400,000 y 500,000 que corta y acorta ese valor.

Código utilicé (que funcionaba, mostró en su totalidad):

<?php 

print "<ul>"; 
for ($i = 1; $i <= 1000; $i++) print "<li style=\"margin-top: 400000cm;\">{$i}</li>"; 
print "</ul>"; 
die(); 

?> 
+0

a la derecha por lo que no es tanto la longitud de la página que está causando el problema, sino que es la longitud de los márgenes? –

+1

Lo he limitado a un valor entre 472,500 y 475,000, al menos para mi navegador y sistema operativo (si difieren de esa manera). No puedo pensar en ningún valor o número común entre esos dos valores que podría ser. – animuson

+0

fuera de interés, ¿qué navegador/sistema operativo está usando? –

4

Solo una conjetura pero 2147483647; valor int máximo (probablemente píxeles)

Curiosamente, aunque IE9 parece ir hasta 214748.3px y cuando voy más alto va en negativo.

+0

¿crees que eso significa que la página solo puede tener 2137383647px de largo, o que las medidas en CSS solo pueden ser esa cantidad? –

+1

Sí, 2147483647 es solo un número. ¿De qué unidades estás hablando? –

+0

Estoy usando cm en la hoja de estilos actualmente –

6

No hay límite, según cualquier especificación HTML/XHTML, por lo que este es solo el límite práctico del navegador al que está llegando. El tiempo que una página web puede ser es lo mismo que preguntar cuánto tiempo puede ser un libro.

2

Esto dependerá del navegador. No debe haber un límite claro en la longitud del archivo HTML. La "longitud" pura, como en píxeles, tampoco debería tener ningún límite claramente definido. Solo que, cuantos más elementos haya en la página, más tendrá que hacer el navegador y más pronto se le agotará la memoria. La memoria es el único límite que existe.

+0

¿Entonces tu memoria es mi límite principal? ¿Por eso te refieres a RAM? Estoy descubriendo que Safari puede manejar casi el doble de la longitud que Firefox puede –

+1

@Chris Sí, RAM o más en general: recursos de la computadora. Y como dije, depende del navegador. Los diferentes navegadores manejan los recursos de la computadora de manera diferente. – deceze

+2

@Chris: si se trata de un límite estricto basado en el tamaño de una variable, es probable que "casi el doble" sea un artefacto de Safari que almacena la posición vertical con un int sin firmar y Firefox que usa un int firmado. –

1

Además de un posible valor int máximo, debe tener en cuenta el tiempo de carga de la página. Si su página web tarda más de unos pocos segundos en mostrar cualquier contenido interesante, perderá personas que navegan por su contenido. Esa es una métrica más significativa que una métrica de escala 1: 1.

+0

Buen punto, un poco fuera de tema, pero merecedor de mi voto de todos modos. – Ricket

+0

sí, esto está fuera de tema porque la pregunta solo trata de aprender cuál es el tamaño máximo, no le importa los problemas de rendimiento. – erasmus

2

No existe ninguna limitación. Incluso en términos de tamaño del número entero, puede crear divs en otros divs y tener todos ellos el mayor valor de valor de margen para que su página no esté limitada.

+0

Bien, pero entonces, ¿cuál es ese valor de margen más grande? –

+0

no es importante. sea ​​lo que sea, al final, su página web no tendrá un tamaño limitado porque puede crear otro div en su div anterior con ese valor de margen. – erasmus

+0

Supongo que podría haber una limitación en el número de divs en un div, eh :)? no vamos a llegar allí por un tiempo de todos modos – Halo

3

18,939 kilometros, para ser exactos: http://worlds-highest-website.com/

+0

Hmm, ¿sabes algo sobre los chicos que hicieron esto? Ellos hacen una interesante afirmación de que "los navegadores basados ​​en Gecko como Firefox muestran un comportamiento interesante cuando se quiere hacer que el sitio sea más alto (que precisamente 18,939583 kilómetros), es decir," encogiendo "o" colapsando "su contenedor principal", que me gustaría saber más sobre –

+0

Encontré un comentario en su código fuente que dice "En realidad, el elemento" div "más alto del mundo" ... podría ser que 18.939 es el límite para un solo elemento –

+0

I Supongo que es 18,939,583, es decir, se mide en cm. km o m no son unidades de página web válidas. – DisgruntledGoat

2
  1. Es una cuestión de la arquitectura del navegador/memoria/os.
  2. Medición en cualquier cosa que no sean píxeles no será muy útil a menos que se refiera al tamaño de una página web impresa en un tamaño de papel específico, orientación y escala. Las pantallas tienen diferentes tamaños y DPI.
Cuestiones relacionadas