2010-03-10 20 views
19

Una domanda bizzarra, ma qualcuno conosce il limite effettivo della lunghezza di una pagina Web e perché è il limite?Quanto può essere lunga una pagina web?

Come esperimento, sto utilizzando HTML e CSS per creare un sito che rappresenta un viaggio su una scala di 1: 1. Ho una lista di marcatori lungo il percorso che ho separato con ampi margini nel css. Tuttavia, il margine massimo che posso andare al lavoro finora è

top-margin:100000cm; 

Poiché ci sono 43 voci di elenco, che equivale a 4,300,000cm, o 43 km. Qualcuno sa perché sta colpendo un limite intorno a questo marchio, o come potrei fare per allungarlo? Sto usando Safari per i test al momento.

+1

Eh! Davvero bizzarro! Il bisogno in sé è bizzarro! – Kangkan

+4

Hai provato con diversi browser, SO, computer? Il limite può venire dall'implementazione del browser di html/css. – Sejanus

+1

Lo so, ma non fa male sapere i veri limiti delle cose sicuramente –

risposta

3

Sembra essere semplicemente un valore massimo a cui è possibile impostare la proprietà margin-top. Ho provato valori fino a 400.000cm con 100 elementi e la pagina li carica tutti bene. Ho anche provato ad incrementare fino a 1000 elementi per vedere se il numero era influenzato dal tempo di caricamento, ma niente. Sembra essere un numero esatto tra 400.000 e 500.000 da tagliare e accorciare oltre quel valore.

codice che ho usato (che ha lavorato, ha mostrato per intero):

<?php 

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

?> 
+0

giusto quindi non è tanto la lunghezza della pagina che causa il problema, quanto la lunghezza dei margini? –

+1

L'ho limitato a un valore compreso tra 472.500 e 475.000, almeno per il mio browser e sistema operativo (se differiscono in questo modo). Non riesco a pensare a nessun valore o numero comune tra questi due valori che potrebbe essere. – animuson

+0

di interesse, quale browser/OS stai usando? –

4

Solo un'ipotesi, ma 2147483647; valore int max (probabilmente pixel)

È interessante notare che l'IE9 sembra salire a 214748,3 px e quando si va più in alto si passa al negativo.

+0

pensi che significhi che la pagina può essere solo lunga 2137383647px, o che le misure in CSS possono essere solo quella cifra? –

+1

Sì, 2147483647 è solo un numero. Di quali unità stai parlando? –

+0

Sto usando cm nel foglio di stile al momento –

6

Non esiste un limite, come per qualsiasi specifica HTML/XHTML, quindi questo è solo il limite pratico del browser che stai colpendo. Quanto può durare una pagina web equivale a chiedere quanto può durare un libro.

2

Dipende dal browser. Non ci dovrebbe essere alcun chiaro limite sulla lunghezza del file HTML. La "lunghezza" pura, come in pixel, non dovrebbe avere alcun limite chiaramente definito. Solo più elementi ci sono nella pagina, più il browser deve fare e prima potrebbe esaurire la memoria. La memoria è l'unico limite che c'è.

+0

Quindi la memoria è il mio limite principale? Con ciò intendi la RAM? Sto scoprendo che Safari è in grado di gestire quasi il doppio della lunghezza che Firefox può –

+1

@Chris Sì, RAM o più in generale: risorse del computer. E come ho detto, dipende dal browser. Browser diversi gestiscono le risorse del computer in modo diverso. – deceze

+2

@Chris: Se si tratta di un limite rigido basato sulla dimensione di una variabile, il suono "quasi doppio" potrebbe essere un artefatto di Safari che memorizza la posizione verticale con un int unsigned e Firefox utilizzando un int firmato. –

1

Oltre a un possibile valore massimo int, è necessario considerare il tempo di caricamento per la pagina. Se la tua pagina web impiega più di qualche secondo per mostrare contenuti interessanti, perderai persone che sfogliano i tuoi contenuti. Questa è una metrica più significativa di una metrica in scala 1: 1.

+0

Buon punto, un po 'fuori tema ma meritevole della mia revoca lo stesso. – Ricket

+0

sì, questo è fuori tema perché la domanda cerca solo di capire qual è la dimensione massima che non si occupa di problemi di prestazioni. – erasmus

2

v'è alcuna limitazione. Anche in termini di dimensioni del numero intero, puoi creare div in altre div e avere tutti il ​​valore più grande del valore del margine in modo che la tua pagina non sia limitata.

+0

Ok, ma qual è il più grande valore di margine? –

+0

non è importante. qualunque esso sia, alla fine, la tua pagina web non avrà una dimensione limitata perché puoi creare un altro div nel tuo vecchio div con quel valore di margine. – erasmus

+0

immagino ci possa essere una limitazione al numero di div in un div, eh :)? non arriveremo comunque per un po 'di tempo – Halo

3

18,939 km, per l'esattezza: http://worlds-highest-website.com/

+0

Hmm sai qualcosa dei ragazzi che l'hanno fatto? Esprimono un'interessante affermazione che "i browser basati su Gecko come Firefox mostrano un comportamento interessante quando si desidera rendere il sito più elevato (rispetto a 18.939583 chilometri, ovvero), ovvero" ridurre "o" comprimere "il suo contenitore principale", che mi piacerebbe scoprire di più su –

+0

Came attraverso un commento nel loro codice sorgente che dice "In realtà, l'elemento" div "più alto del mondo" ... potrebbe essere che 18.939 è il limite per un singolo elemento –

+0

I suppongo che sia 18.939.583 cioè misurato in cm. km o m non sono unità di pagine web valide. – DisgruntledGoat

2
  1. E 'una questione di architettura del browser/memoria/os.
  2. Misurarlo in qualsiasi parte tranne i pixel non sarà molto utile a meno che non ci si riferisca alle dimensioni di una pagina Web stampata su un formato, orientamento e scala di carta specifici. Gli schermi hanno dimensioni e DPI diversi.
Problemi correlati