Utilizzo dei frame in HTML. Creazione di frame Attributi del tag Frame per personalizzare l'aspetto delle finestre

Cosa sono i frame?

Per rendere il sito più funzionale, per inserire una grande quantità di informazioni e collegamenti nella forma più conveniente per il visitatore, non è affatto necessario utilizzare le tecnologie Flash. Tutto questo è possibile utilizzando il linguaggio HTML, in cui è possibile creare frame.

In parole povere, i frame sono barre di scorrimento aggiuntive in una finestra. Arrivando al sito, il visitatore vede due finestre contemporaneamente sulla stessa pagina: una, di regola, con le voci di menu o altre informazioni importanti e l'altra con il contenuto (testo, prezzi, ecc.). In questo caso il visitatore può visualizzare più comodamente pagine abbastanza voluminose e allo stesso tempo avere davanti agli occhi le informazioni più importanti.

Se entriamo nei dettagli, una pagina con frame è composta da almeno tre pagine HTML contemporaneamente: due visibili all'utente e un servizio (che coordina la visualizzazione dei frame). Le pagine visibili sono frame a cui è possibile accedere singolarmente o simultaneamente.

Indubbiamente, un vantaggio importante dell'utilizzo dei frame è l'usabilità di alta qualità. L'interfaccia della pagina diventa molte volte più conveniente rispetto a quando si utilizzano metodi di markup standard.

Un tempo, 5-6 anni fa, i frame guadagnavano popolarità tra molti webmaster. Oggi vengono utilizzati solo su quei siti dove è semplicemente impossibile farne a meno, poiché purtroppo i frame presentano notevoli svantaggi in termini di promozione.

Cornici: buone o cattive?

Puoi considerare l'utilità dei frame da tre posizioni: dalla posizione dell'utente, dalla posizione dello specialista SEO e del webmaster.

Nel primo caso, l'atteggiamento nei confronti dei frame è ambiguo. Da un lato, a volte semplicemente non puoi farne a meno e sostituiscono con successo le pagine di servizio che si aprono in altre finestre. E i frame migliorano solo l'usabilità delle pagine di grandi dimensioni, perché l'utente può utilizzare il menu in un'altra finestra in qualsiasi momento.

D'altra parte, non migliorano realmente il design della pagina. È abbastanza difficile ottenere un bell'aspetto se si utilizzano le cornici. E, naturalmente, non tutti i browser supportano i frame, il che può alienare un intero esercito di potenziali acquirenti, clienti o semplicemente visitatori.

Dal punto di vista del webmaster, l'uso dei frame rende più semplice comporre le pagine e perfezionare l'interfaccia. Dopotutto, è molto più semplice creare una pagina con l'intero menu e altre informazioni importanti piuttosto che posizionare questo contenuto su ogni pagina del sito. Qui però finiscono le semplificazioni e iniziano le complicazioni di cui un non specialista non ha bisogno di essere a conoscenza. Inoltre, ora quasi nessuno lavora con il puro HTML: il CMS ti consente di fare tutto automaticamente.

La posizione di uno specialista SEO è molto più dura. I frame semplicemente non consentono ai robot di ricerca di andare oltre la pagina principale. Certo, esistono alcuni trucchi che permettono di indicizzare le pagine interne di un sito, ma si tratta pur sempre di “trucchi” non approvati da nessun motore di ricerca.

L'influenza dei frame sulla promozione del sito web.

Non importa quanto esperto possa essere uno specialista nella promozione di un sito Web, non sarà in grado di fornire alcuna garanzia nella promozione se sulla risorsa vengono utilizzati frame. Sfortunatamente, questa tecnologia è inclusa nella “lista nera” degli elementi che complicano la promozione sui motori di ricerca, insieme ai contenuti flash e rubati. Ma quest'ultimo potrebbe non essere ancora notato, ma lo stesso non si può dire dei frame.

Quindi, come e cosa incide l'uso dei frame sulla promozione?

L'impatto è grave. Il fatto è che è sui frame che si trovano tutti i collegamenti importanti alle pagine interne del sito. E per registrarli, il progettista del layout non ha bisogno di utilizzare tag …. Vale a dire, è da questo tag che il robot di ricerca determina che davanti ad esso c'è un collegamento attraverso il quale puoi andare a un'altra pagina e indicizzarla (o aggiungere un paio di "breadcrumb" in più al peso del collegamento).

I robot di ricerca indicizzano solo la prima pagina, quella principale, a cui accedono da risorse di terze parti. Altre pagine rimangono chiuse a Yandex e Google - dopotutto, anche da altri siti è impossibile collegarsi ad esse perché i frame nascondono i veri indirizzi delle pagine.

Oggi non è più possibile promuovere efficacemente una pagina principale: è impossibile indicare tutte le richieste su di essa e il PS sarà molto più diffidente nei confronti di un simile "one-pager".

Naturalmente, gli "artigiani tradizionali" hanno già escogitato un modo per indicizzare le pagine interne inserendo i collegamenti ad esse nel documento di installazione delle cornici, ed è ancora possibile trovare gli indirizzi aprendo la pagina della cornice separatamente. Ma tutte queste complicazioni sono necessarie se, abbandonando tali tecnologie, si possono ottenere di più?

Ciao, cari lettori del sito blog. Oggi parleremo dei frame in HTML. È chiaro che inizieremo dall’inizio, ovvero da che tipo di animale si tratta. Parleremo anche del presente (Frame) e del futuro (Iframe) di questi elementi nell'attuale versione del linguaggio di markup ipertestuale e nel nuovo standard Html 5 con .

Alla fine dell'articolo, dopo una descrizione dettagliata del processo di creazione dei frame integrati e della loro classica struttura in codice Html (già usata raramente), toccheremo l'importanza di costruire un sito su di essi e discuteremo anche delle possibili modi di utilizzarli nell'attuale periodo di tempo usando l'esempio del mio blog.

Cos'è e in cosa differisce Iframe da Frame?

Che cos'è? Si scopre che possono essere utilizzati non solo sui siti Web, ma anche in qualsiasi applicazione per programmi, ma differiscono in quanto la finestra di una pagina Web o di un'applicazione sarà divisa in più aree, in ciascuna delle quali viene caricato un documento separato . Inoltre, queste aree del frame si comportano indipendentemente l'una dall'altra.

Probabilmente l'esempio più evidente del loro utilizzo, che quasi tutti voi avete riscontrato, sono i cosiddetti file della guida che hanno molti programmi installati sul vostro computer.

Il file con il menu di aiuto viene caricato nella finestra di sinistra e il documento corrispondente alla voce di menu selezionata viene visualizzato nella finestra di destra. È interessante notare che questa struttura consente di non ricaricare il file con il menu nella finestra di sinistra quando si apre un nuovo documento in quella di destra. Questo è esattamente ciò in cui consiste vantaggio principale dell'utilizzo dei frame nell'HTML.

In realtà il nome stesso di questi elementi dovrebbe essere interpretato come una finestra indipendente. Con l'aiuto dei frame, abbiamo la possibilità di dividere una grande finestra in più frammenti, che a loro volta possono fungere da ricevitori per documenti separati e indipendenti l'uno dall'altro (pagine, testi, immagini, video, ecc.).

Come viene creata una struttura frame nel linguaggio di markup ipertestuale? Se parliamo dello standard Html 4.01 (secondo la classificazione), che è il principale al momento, allora per questo vengono utilizzati tre elementi: Frame, Frameset e Noframes.

Iframe: frame integrato nello standard Html 5

Se parliamo dello standard Html 5 (il nostro futuro, alcuni elementi del quale sono già supportati da molti browser), allora non ci saranno i tag Frame, Frameset e Noframes, oltre alla classica struttura frame; ce ne sarà invece uno singolo tag Iframe (frame incorporato), di cui parleremo all'inizio, per poi rivolgere la nostra attenzione allo schema classico della versione 4.01, che è attualmente in uso.

Iframe, a differenza dei classici discussi di seguito, non richiede la sostituzione del tag Body con tag Frameset. Quelli. questo tag può essere inserito su pagine normali, ad esempio all'interno di un paragrafo o in qualsiasi altro punto. Fondamentalmente questo elemento è molto simile al tag Img che abbiamo già considerato.

È un elemento in linea con contenuto sostituibile perché si comporta esattamente come un elemento in linea, ma viene visualizzato contenuto esterno estraneo. Ci sono solo quattro di questi elementi nel linguaggio HTML: Img, Iframe, Object e Embed. Pertanto, il nostro eroe implica la presenza di un file esterno che verrà caricato in un'area la cui dimensione è impostata utilizzando gli attributi di questo tag.

Quello. Un Iframe è un elemento sink in cui viene caricato un oggetto esterno (come un video). E per indicare il percorso di questo file, che dovrebbe essere caricato sulla pagina, usa l'attributo speciale Src. Ma a differenza di Img, l'elemento Iframe è accoppiato, cioè c'è anche un tag di chiusura:

Questo esempio mostra l'output su una pagina video di Youtube utilizzando un Iframe. Per limitare l'area del frame (finestra) in cui verrà caricato il file esterno, vengono forniti degli attributi Larghezza e altezza, i cui valori sono specificati in pixel:

Quelli. questo tag crea un'area in cui viene caricato qualche oggetto esterno (non importa se proviene dal tuo sito o da un'altra risorsa). La larghezza e l'altezza dell'area vengono specificate utilizzando Larghezza e Altezza e l'attributo Src specifica il percorso di questo oggetto.

L'elemento Iframe ha ereditato tutti questi attributi da tag in linea simili con contenuto sostituito (come Img già menzionato sopra). Bene, ha anche preso gli attributi dalle immagini Hspace e Vspace, che ti consentono di impostare i rientri dai bordi della cornice al testo che la avvolge.

È anche significativo che l'allineamento della cornice incorporata venga eseguito esattamente nello stesso modo in cui potremmo vedere studiando le immagini in Html - . Tutto uguale Allineare, ma per il tag Iframe con i possibili valori Bottom, Top, Middle, Left e Right.

Ma questo elemento ha preso anche diversi attributi dal tag Frame della classica struttura frame, di cui parleremo più dettagliatamente più avanti nel testo. Questi attributi includono Nome, il cui valore può essere utilizzato come valore in modo che il documento necessario quando si fa clic su un collegamento si apra nella finestra di questo frame (maggiori informazioni di seguito).

Anche in Iframe, l'attributo Frameborder è stato migrato dal tag Frame, che ha solo due valori: 0 (la cornice attorno alla cornice non viene visualizzata) o 1 (la cornice è visibile). Il valore predefinito è Frameborder=1, quindi per rimuoverlo dovrai inserire Frameborder="0":

Anche l'attributo Scrolling è stato trasferito da Frame a questo elemento, che ha un valore predefinito di Auto: le barre di scorrimento nel frame appariranno secondo necessità quando il contenuto è più grande della dimensione della finestra destinata a visualizzarlo.

Bene, anche gli attributi Marginwidth e Marginheight sono stati spostati dall'elemento Frame. Saranno discussi in dettaglio di seguito nel testo, ma in poche parole: consentono di impostare il rientro in larghezza e altezza dai bordi del frame al contenuto inserito in esso.

Come ho già accennato, un chiaro esempio di utilizzo di un Iframe è:

Inserendo un Iframe direttamente in una pagina web, riceverai l'output di un video da YouTube. Concludiamo che questo elemento è un incrocio tra elementi in linea con contenuto sostituito e, in effetti, frame classici, di cui parleremo ora.

Frame basati sui tag Frame e Frameset: la loro struttura

Quindi, la creazione di una struttura frame classica inizia con il fatto che si scrive nel codice Html al posto del tag Body di apertura e chiusura, che di solito dovrebbe essere presente in qualsiasi documento, sostituendolo con un contenitore basato su elementi Set di cornici.

Il punto fondamentale è che in questo caso non è possibile utilizzare l'elemento Body: né Body (per un documento normale) né Frameset (quando si crea una struttura di frame del documento):

Ogni frame che creiamo all'interno di quello principale viene creato utilizzando un elemento separato Telaio. Questo tag è singolo e in esso impostiamo il percorso del documento che verrà caricato in questa finestra.

Il terzo elemento che non abbiamo ancora toccato è Nessun frame. È accoppiato e permette di scrivere al suo interno del testo, che verrà elaborato dal browser e visualizzato su una pagina web solo se questo stesso browser (o altro dispositivo di visualizzazione) non supporta i frame. Ciò può accadere, ad esempio, se si utilizza un browser per dispositivi mobili.

Di solito in Noframes vengono aggiunte non solo informazioni sulla situazione attuale con l'impossibilità di elaborare la struttura del frame, ma aggiungono anche la possibilità di accedere ad altre pagine dove è possibile continuare a lavorare senza utilizzarle. Difficile dire altro su di lui, quindi proseguiamo.

Risulta che l'elemento Frameset, utilizzato al posto del tag Body, occupa tutto lo spazio assegnato per l'area di visualizzazione e i frame verranno creati all'interno di quest'area utilizzando i singoli elementi Frame. A questo proposito, sorge la domanda: come dividere l'area di visualizzazione tra finestre separate o, in altre parole, come impostare la dimensione di ciascuna di esse.

Questo viene fatto aggiungendo gli attributi appropriati all'elemento Frameset. Ce ne sono due - Cols e righe. Cols imposta la divisione di una grande finestra in cornici o colonne verticali e Righe consente di dividerla in finestre o righe orizzontali.

Creazione di una struttura basata su Frameset e sui suoi attributi Cols e Rows

I valori per Cols e Rows del tag Html Frameset sono numeri separati da virgole (senza spazi). Questi numeri determinano le proporzioni delle finestre che vogliamo ottenere come risultato. Pertanto, non importa quanti numeri separati da virgole siano scritti in Cols o Rows, il numero di fotogrammi che avremo sarà il risultato.

Ad esempio, utilizzando questa notazione otterremo tre colonne verticali la cui larghezza corrisponderà alle proporzioni 2:5:3.

Dato che abbiamo impostato le proporzioni per tre frame, dovremo includere tre elementi Frame tra i tag Frameset di apertura e chiusura, anche senza specificare attributi aggiuntivi:

Di conseguenza, la nostra struttura del frame, composta da tre finestre vuote, sarà simile a questa:

In questo esempio impostiamo le dimensioni della finestra (Frame) utilizzando delle percentuali, prese dalla larghezza dell'area di visualizzazione (questo è il caso quando si utilizza Cols) o dalla sua altezza (Righe). Quando si modifica la finestra, verrà mantenuta la relazione percentuale tra le dimensioni dei fotogrammi. Ma invece delle percentuali, puoi anche usare semplicemente i numeri che significano. Anche qui, penso, non dovrebbero sorgere difficoltà di comprensione.

Ma c'è anche un'opzione piuttosto insolita nelle designazioni delle dimensioni, a cui assomiglia asterisco "*". Inoltre, può essere solo "*" o un asterisco preceduto da un numero, ad esempio "3*". Una cosa intelligente che è molto simile alle percentuali e significa che dividiamo proporzionalmente lo spazio per la cornice.

Diamo un'occhiata a un esempio. Ora scegliamo di dividere il viewport in righe orizzontali utilizzando Rows:

Cosa significa questa voce? L'intera area di visualizzazione a nostra disposizione verticalmente sarà divisa in tre righe. L'altezza della prima sarà presa a 200 pixel, la seconda a 500, ma la terza linea occuperà tutto lo spazio rimanente in altezza, perché "*" è stato utilizzato come dimensione.

Ciò che è degno di nota è che i valori "*" e "1*" significano la stessa cosa: dividiamo tutto lo spazio rimanente in uno e diamo questa parte a questo frame (beh, cioè tutto lo spazio rimanente).

Ma guarda cosa succede se usi il valore “*” con un numero da dividere in proporzione:

Quali pensi che saranno le dimensioni del Frame in questo caso? È chiaro che la seconda riga avrà sicuramente un'altezza di 100 pixel. Ma come sarà suddiviso in altezza lo spazio rimanente tra la terza e la prima fila?

È abbastanza semplice da calcolare: basta aggiungere quattro (4*) a due (2*) e dividere per questo denominatore (ricorda le frazioni del curriculum scolastico) due e quattro. Quelli. otteniamo che la prima colonna con cornice occuperà un terzo dello spazio rimanente in altezza e la terza colonna occuperà due terzi. O, in altre parole, il terzo sarà due volte più alto del primo:

Puoi utilizzare tutti e tre i modi per ridimensionare le finestre con cornice in un unico attributo, ad esempio:

Di conseguenza, otterremo la prima colonna Frame con una larghezza del dieci percento dell'intera area disponibile, la seconda - 100 pixel e le restanti tre avranno una larghezza nelle proporzioni di quattro, tre e due noni della spazio di larghezza rimanente. Quindi tutto è semplice e chiaro.

Se vuoi dividere la finestra principale non solo in frame orizzontali e verticali, ma, ad esempio, nelle loro combinazioni, puoi utilizzare la struttura nidificata degli elementi Frameset separatamente per le colonne e separatamente per le righe. Ad esempio, per ottenere la struttura mostrata nello screenshot qui sotto, è sufficiente utilizzare la seguente costruzione:

Quelli. per prima cosa utilizziamo “frameset cols=”20%,80%"“ per dividere verticalmente tutto lo spazio disponibile in due colonne e impostare il contenuto della colonna di destra con il tag "frame", ma invece di aggiungere un elemento "frame" per la colonna di sinistra, apriamo un nuovo “frameset rows=“10%,*”".

E con l'aiuto di esso dividiamo la colonna di destra in due righe con frame, il cui contenuto viene impostato utilizzando due tag "frame", dopodiché chiudiamo entrambi i contenitori "frameset". Tutto è semplice e logico.

Specificare il percorso nell'attributo Src dell'elemento Frame

Ma abbiamo parlato tutti dell'elemento Frameset e dei suoi attributi Cols e Rows, con l'aiuto dei quali formiamo la struttura e ne impostiamo le dimensioni. Ora scopriamo come visualizzare i documenti necessari nei frame richiesti e come configurare l'interazione tra le loro finestre.

Allora come possiamo controllare l'aspetto delle finestre che creiamo? Tutto questo è contenuto negli attributi del tag Frame. Il primo degno di nota è Src. Lo abbiamo già visto nel tag Img quando abbiamo visto l'inserimento di immagini nel codice Html. La sua essenza non è cambiata e consente comunque di specificare il percorso del documento da caricare nel frame.

Il percorso del documento in Src può essere specificato come . I percorsi relativi vengono solitamente utilizzati per un documento che si trova nella tua risorsa, ma avrai bisogno di percorsi assoluti quando desideri caricare un documento da un altro sito in una finestra cornice.

Se non viene specificato l'attributo Src che indica il percorso del documento desiderato, nella finestra verrà caricato un documento vuoto. Personalmente, una volta ho fatto una cosa simile per il mio blog (come elemento di navigazione aggiuntivo) e allo stesso tempo ho creato per esso una cartella separata sul server di hosting e ho inserito lì non solo un file Html con una struttura a frame (che ho chiamato indice .html), ma anche tutti caricati in varie finestre di documenti, nonché file di immagini utilizzati come sfondi.

Pertanto, per me è stato più semplice utilizzare i collegamenti relativi nell'attributo Src del tag Frame:

Ciò che è degno di nota è che se sostituisci tutti i collegamenti forniti in questo codice da relativi a assoluti (come https://site/navigator/joomla.html) e apri questo file in un browser, verranno caricati i documenti specificati in Frame dal mio server e vedrai un'immagine simile nel tuo browser. Inoltre, non importa dove si troverà il tuo file con la struttura del frame (index.html): sul tuo computer o sull'hosting.

Nell'esempio mostrato in figura, una pagina con un determinato menu, che è un normale menu, viene caricata nella finestra del frame sinistro. Ma ciò che conta non è come è formato il menu, ma cosa succede dopo aver cliccato su uno qualsiasi dei suoi collegamenti.

Se lo fai, tutto accadrà esattamente come dovrebbe: il documento si aprirà nella finestra in basso a destra. Ma per questo ho dovuto usare un piccolo trucco, perché nella versione predefinita il documento si apriva per l'intera dimensione della finestra, sostituendo la struttura del frame, di cui non avevo affatto bisogno, perché il menu di navigazione nei frame sinistro e superiore scomparso.

Come aprire i documenti tramite un collegamento in un frame

Quindi, quando abbiamo parlato di collegamenti ipertestuali, abbiamo menzionato l'attributo del tag "A" come Target=_blank. Ti ricordi a cosa serve? È corretto aprire il documento collegato in una nuova finestra. Per impostazione predefinita, dovrebbe aprirsi nella stessa finestra, che equivale a target="_self".

Ma queste sono opportunità Bersaglio non sono limitati. Si scopre che puoi aggiungergli un valore come nome del frame, che è prespecificato nell'attributo speciale Name del tag Frame. Quindi il documento tramite questo collegamento non si aprirà nella stessa finestra, occupando tutto il suo spazio, ma nel Frame specificato. È chiaro? Se non del tutto, diventerà chiaro ora quando analizzeremo l'esempio.

Torniamo quindi al nostro esempio mostrato nella figura appena sopra. Dobbiamo aprire le pagine utilizzando i collegamenti dalla finestra di sinistra nel riquadro in basso a destra (grande). Pertanto, per prima cosa devi dare un nome a questa grande finestra usando l'attributo Name nel tag Frame.

Lo fecero e lo chiamarono “ktona”. Ora puoi aprire in sicurezza il file caricato come menu nella finestra di sinistra e aggiungere l'attributo Target="ktona" a tutti i tag A in esso contenuti:

La storia di Joomla e del componente VirtueMart

Naturalmente, con l'aiuto dello strumento cerca e sostituisci non sarà difficile inserirlo per tutti i collegamenti ipertestuali, ma perché caricare inutilmente il codice quando abbiamo una grande opportunità di utilizzarlo etichetta base speciale, di cui abbiamo già parlato nello stesso articolo sui collegamenti ipertestuali, quando abbiamo parlato dell'utilizzo di Target blank.

È sufficiente posizionare l'elemento base target="ktona" tra i tag Head di apertura e chiusura e tutti i collegamenti nel codice Html di questo documento apriranno nuove pagine nel frame specificato chiamato "ktona":

A proposito, se consideriamo come esempio il mio strumento una volta esistente, dobbiamo comunque assicurarci che tutti i collegamenti dalla finestra orizzontale in alto aprano le loro pagine nel frame verticale sinistro, che funge da menu di sinistra. Cosa è necessario fare per questo?

Bene, per prima cosa devi dare un nome al frame verticale sinistro:

E nel file caricato nella finestra in alto (gor.html), devi aggiungere l'elemento base target="gor":

Questo è tutto, ora abbiamo fatto tutto bene. Tutti i documenti che seguono i collegamenti dal frame superiore si apriranno nella finestra di sinistra, mentre tutti i collegamenti da esso apriranno i documenti nel frame centrale e più grande. Secondo me, tutto è semplice e logico.

Attributi dei tag frame per personalizzare l'aspetto delle finestre

Vediamo ora quali attributi diversi da Src e Name possono essere utilizzati nel tag Frame per personalizzare l'aspetto dei frame. Iniziamo con Scorrimento. Usandolo, possiamo configurare separatamente la visualizzazione delle barre di scorrimento per ciascuna finestra della struttura del frame.

Lo scorrimento ha un valore predefinito Auto: il browser deciderà automaticamente, in base alla dimensione del documento caricato nel riquadro, se visualizzare o meno una barra di scorrimento. Se il documento non rientra completamente nella finestra, verrà visualizzata una barra di scorrimento che consentirà di visualizzarlo tutto fino alla fine.

Puoi anche utilizzare i valori Sì (le barre di scorrimento nella finestra verranno sempre visualizzate, anche se il documento ci entra completamente) e No (le barre di scorrimento non appariranno mai, anche se una parte del documento non ci sta) come valori per lo scorrimento.

Nel mio strumento esistente, utilizzavo il valore predefinito Auto e le barre di scorrimento nei fotogrammi apparivano secondo necessità:

Il seguente attributo del tag Frame è Noresize- è singolo (non ha valori). Registrandolo, impedirai così di modificarne le dimensioni, cosa che per impostazione predefinita viene effettuata semplicemente trascinando il bordo delle cornici con il mouse.

Quando sposti il ​​cursore del mouse sul bordo, vedrai che il cursore si trasformerà in una freccia a doppia punta e ora, cliccando con il tasto sinistro del mouse, potrai spostare il bordo come desideri. Noresize impone un divieto a questa ostinazione (quando sposti il ​​cursore del mouse sul bordo delle finestre, non vedrai più la freccia bidirezionale).

Un altro attributo visivo è Bordo del frame. Usandolo, puoi specificare se disegnare una cornice (bordo) tra i fotogrammi o meno. Frameborder può avere solo due valori possibili: 0 (non disegna una cornice) o 1 (mostra un bordo). Il valore predefinito, ovviamente, è 1.

C'è una sottigliezza. Se vuoi rimuovere il bordo visibile, dovrai aggiungere Frameborder=0 a tutti i tag Frame dei frame tra i quali vuoi rimuovere i bordi visibili.

Bene, dobbiamo ancora considerare un paio di attributi del tag Frame: Larghezza margine e Altezza margine, che imposta il riempimento in larghezza (destra e sinistra) e altezza (superiore e inferiore) dai bordi della finestra al contenuto caricato in essa (il numero indica il numero di pixel di riempimento):

Perché non puoi creare un sito web sui frame?

Vediamo qual è lo svantaggio fondamentale delle strutture classiche, che sostanzialmente pone fine al loro utilizzo durante la creazione di un sito web. Consiste nel fatto che secondo questa struttura del frame è impossibile monitorare le sue condizioni.

Le strutture complesse possono avere migliaia di stati diversi (varianti di documenti aperti in diverse finestre frame), ma l'indirizzo URL di questa stessa struttura non cambia. Per questo ci sarà Impossibile utilizzare i segnalibri del browser o inviare collegamenti alle tue pagine preferite ad altri utenti. Perché?

Perché l'indirizzo rimane invariato e quando lo apri dai preferiti del tuo browser, o da una email, riceverai una pagina con lo stato iniziale della struttura del frame, e non lo stato che vorresti salvare.

Sebbene, ovviamente, questo problema possa essere risolto, ma non con strumenti HTML, ma con l'aiuto di linguaggi di programmazione server (ad esempio Php) o client (JavaScript), e queste soluzioni non saranno efficaci al cento per cento. Tali soluzioni, infatti, consentono di aggiungere ulteriori dati sul suo stato attuale all'indirizzo Url della struttura del frame, ma ciò non è facile da fare e l'affidabilità non sarà assoluta.

Questo è il primo svantaggio dell'utilizzo dei frame per creare siti Web ed è molto significativo, ma c'è un altro enorme svantaggio. I motori di ricerca, ovviamente, hanno imparato da tempo a indicizzarli e ad estrarre da essi gli indirizzi dei documenti caricati nelle loro finestre. Il problema è diverso.

Quando un utente passa dai risultati di ricerca di Yandex o Google al tuo sito web costruito sulla base di una struttura a frame, si aprirà solo il documento caricato in uno dei frame e non l'intera struttura. Capisci di cosa sto parlando?

L'utente vedrà il documento e non vedrà la navigazione sul tuo sito, perché sarà protetto in altre finestre e verranno caricate solo come parte dell'intera struttura.

Di conseguenza, un sito costruito su frame diventa semplicemente inutilizzabile. Sebbene, ancora una volta, esistano soluzioni a questo problema basate sugli script del server, quando verrà effettuato un reindirizzamento dagli indirizzi dei singoli documenti alla struttura del frame che si trova nello stato desiderato, ma anche questo è molto difficile e non sempre affidabile.

In generale, la conclusione può essere tratta in modo inequivocabile: Non è necessario creare siti Web su frame. Ma vengono costantemente utilizzati per creare aiuto per varie applicazioni e possono tornare utili in altre piccole cose.

Ad esempio, ho creato una struttura a frame, che ho chiamato "Navigatore" (ora è stata temporaneamente rimossa) e che è diventata una sorta di menu esterno espanso per il mio blog, che, a mio avviso, dovrebbe semplificare il lavoro con la risorsa e, quindi, migliorare il "no nonsense" hanno un'influenza molto, molto forte sulla promozione del sito.

Tuttavia, per evitare problemi con i motori di ricerca, ho chiuso alla vista l'intera struttura del frame e, per ogni evenienza, ho aggiunto il meta tag Rodots a tutti i suoi file Html, vietandone l'indicizzazione:

Ma tutte queste restrizioni si applicano solo alle strutture sui tag Frame e Frameset e frame incorporati nei tag Iframe non hanno difetti visibili e possono e devono anche essere utilizzati nei tuoi progetti, almeno per inserire video da YouTube.

Buona fortuna a te! A presto sulle pagine del blog del sito

Potresti essere interessato

Direttive di commento e Doctype nel codice Html, nonché il concetto di blocco ed elementi inline (tag)
Incorpora e oggetto: tag HTML per la visualizzazione di contenuti multimediali (video, flash, audio) sulle pagine Web
Img - Tag HTML per inserire un'immagine (Src), allineare e avvolgere il testo attorno ad essa (align), nonché impostare lo sfondo ( background )
Cos'è il linguaggio di markup ipertestuale Html e come visualizzare un elenco di tutti i tag nel validatore W3C Select, Option, Textarea, Label, Fieldset, Legend - Tag Html per la forma di elenchi a discesa e campi di testo
Elenchi in codice Html: tag UL, OL, LI e DL
Carattere (viso, dimensione e colore), Blockquote e tag Pre: formattazione del testo legacy in HTML puro (non vengono utilizzati CSS)
Come vengono impostati i colori nel codice Html e CSS, selezione delle sfumature RGB nelle tabelle, output Yandex e altri programmi

Il termine “frame” ci deriva dalla lingua inglese. Tradotta, questa parola significa "cornice" e rappresenta un'area separata della finestra. Nella sua struttura, tale sezione è un documento HTML completamente finito.

I singoli frame dividono le finestre del browser in sezioni affiancate. In questo caso, ogni frame viene caricato con la propria pagina intera. La tecnologia frame provoca ancora molte polemiche, ma va detto che l'apice della sua popolarità è già passato. Questa tecnologia è ora considerata deprecata e i frame regolari non sono più supportati in HTML5.

Storia della tecnologia

Oggi possiamo affermare che la decisione di abbandonare il lavoro con la tecnologia dei telai è stata finalmente presa. Il sito https://www.w3.org/TR/html5-diff/#obsolete-elements afferma chiaramente che i soliti tag frame, frameset e noframes per la creazione di tale struttura sono deprecati. Come argomento, vengono forniti i dati secondo cui l'uso di tale struttura influisce negativamente sull'usabilità dei siti e sulla loro accessibilità su Internet.

Ma le tecnologie moderne supportano l'elemento IFRAME. Il suo utilizzo consente di inserire cornici in blocchi di testo sulle pagine. Inoltre, tali elementi possono essere allineati rispetto al testo stesso. Un punto importante: in linea di principio non è possibile modificare le dimensioni dei telai da incasso. Non hanno un attributo corrispondente per il ridimensionamento.

In futuro, senza progressi tecnologici, è improbabile un ulteriore utilizzo delle montature. E vale la pena ricordare che l'organizzazione leader per la standardizzazione delle tecnologie Internet - W3C - ha chiaramente indicato che tali strutture non dovrebbero essere utilizzate dagli sviluppatori di siti web.

Cioè, i frame, in linea di principio, non dovrebbero essere utilizzati per strutturare le pagine durante la creazione di nuove risorse. Ma con il supporto e il miglioramento dei siti esistenti, la conoscenza delle caratteristiche della tecnologia e del loro utilizzo sarà molto utile e produttiva.

Vantaggi dei telai

Tra i vantaggi della tecnologia del telaio vi sono la facilità d'uso, l'alta velocità e la capacità di posizionare con precisione le informazioni in determinate aree della finestra.

L'uso dei frame consente di risparmiare sul volume del traffico trasmesso durante il lavoro con il sito. Dopotutto, quando si accede a un'altra sezione di informazioni, di solito viene aggiornata solo una sezione della pagina e non l'intero codice.

Questa struttura fornisce interessanti opzioni di navigazione attraverso il contenuto delle risorse. Dopotutto, all'interno della finestra del browser nei riquadri adiacenti è possibile visualizzare vari blocchi di informazioni. È importante che gli utenti sappiano che effettuare una ricerca all'interno di un frame equivale a eseguire tale operazione su una pagina separata.

Mentre lavori con il sito, puoi modificare dinamicamente le dimensioni di una sezione separata, cosa difficile da implementare utilizzando altre soluzioni tecnologiche.

Possibili svantaggi

I problemi con i siti Web che utilizzano i frame si sono accumulati gradualmente, ma oggi hanno raggiunto un livello soglia. Tra i principali svantaggi ci sono:

1. Usabilità insoddisfacente. Oggi, la quota di utenti di dispositivi mobili e tablet con risoluzioni di schermo ridotte è in crescita e supera già il numero di coloro che visitano i siti da computer desktop e portatili. E qui l'uso dei frame crea seri problemi con la reattività delle pagine quando vengono visualizzate su dispositivi diversi. Questo problema non ha oggi una soluzione pratica.
2. Peggioramento dell'accessibilità del sito per vari programmi. Un aumento del numero di programmi aggiuntivi (ad esempio gli screen reader) rivela un'accessibilità molto peggiore delle informazioni per la lettura.
3. Le pagine non vengono visualizzate correttamente. Spesso il layout delle pagine con tale struttura appare errato nei browser dal punto di vista del design. E questo è dovuto alle caratteristiche della tecnologia. Dal punto di vista SEO l’uso dei frame nel layout HTML di una pagina è altamente indesiderabile.
4. Disponibilità di un indirizzo unico per tutta la struttura. Di conseguenza, le pagine interne di tale sito non possono essere aggiunte ai segnalibri. Ciò comporta disagi per gli utenti.
5. Indicizzazione errata da parte dei motori di ricerca. La presenza sul sito di numerosi documenti completi, da cui si forma una pagina, complica notevolmente il lavoro dei motori di ricerca. Ciò porta a errori significativi durante l'indicizzazione. Di conseguenza, una definizione errata degli argomenti e degli indirizzi delle pagine porta alla perdita di contenuti critici durante l'indicizzazione.
6. Mancanza di rispetto. Questo è un difetto piuttosto insolito per le risorse della rete. Eppure va detto che il fatto che la disposizione dei siti sui frame stia diventando obsoleta porta al fatto che gli autori e i proprietari di tali risorse sono considerati retrogradi. Ma ci sono delle eccezioni. Anche i siti moderni che ospitano chat room utilizzano solitamente i frame.

Indicizzazione dei frame da parte dei motori di ricerca

Le informazioni che provengono dai motori di ricerca ci dicono chiaramente che i siti con frame vengono indicizzati notevolmente più lentamente. In questo caso spesso sorgono errori legati alla struttura stessa. Dopotutto, ogni frame mostra una pagina Internet a tutti gli effetti. E proprio questa parte del sito può essere inclusa nel database di indicizzazione.

L'aspetto negativo di tale indicizzazione è che quando si accede all'interno della pagina, l'utente solitamente non vede i menu e altri meccanismi di navigazione. E questo non sorprende. Devi capire che l'aggiornamento del frame non è una soluzione al problema in questo caso. Dopotutto, tutti i meccanismi di navigazione vengono inseriti in un altro contenitore.

Un altro problema è che spesso la pagina principale di una struttura contenitore contiene solo un titolo, tag meta description e un tag FRAMESET. E questo sembra logico: dopotutto, i contenuti significativi vengono inseriti in documenti separati. Sono questi che il visitatore del sito vedrà nella pagina in frame.

Ma un robot di ricerca non indicizza quasi mai una pagina del genere. Non trova alcun contenuto utile ai visitatori. I robot di ricerca sono configurati in modo tale da provare a recuperare e indicizzare le informazioni inserite nel tag body. È qui che avviene la ricerca di contenuti utili per l'utente. Ma nella pagina frame non esiste un tag di questo tipo; viene sostituito con FRAMESET.

Questo problema può essere parzialmente risolto utilizzando NOFRAMES. Ma su molti siti, quando si accede, viene fornita solo l'informazione che il browser non supporta i frame. E per visualizzare la pagina è necessario utilizzare un altro programma.

Tali casi creano molti problemi agli utenti che, visitando un sito, non vedono il menu e altre informazioni che dovrebbero essere visualizzate. Se su un sito web vengono inseriti dei frame, i suoi parametri dal punto di vista SEO vengono ridotti. Allo stesso tempo, le statistiche sul comportamento degli utenti indicano che l’autorità della risorsa tra i motori di ricerca sta diminuendo. Ciò ha sicuramente un impatto negativo sul traffico del sito web.

È particolarmente difficile per i motori di ricerca e i robot di indicizzazione elaborare strutture di personale nidificate e multiple. Il fatto che ogni contenitore abbia tutte le caratteristiche di un documento separato, ma non contenga la navigazione completa e altre informazioni, complica ulteriormente la situazione.

Puoi facilitare il lavoro dei motori di ricerca utilizzando il collegamento corretto sulle pagine. In questo caso, è necessario duplicare tutti i collegamenti del menu in modo che possano essere trovati all'interno di ogni singola parte della pagina. Ma ciò complica e rallenta notevolmente il lavoro di ottimizzazione del sito e di aggiornamento delle informazioni su di esso.

L'esperienza di molti ottimizzatori e webmaster suggerisce inoltre che le pagine sui frame non ricevono un posizionamento elevato nei risultati di ricerca. Ciò accade anche se sono inclusi nel database di indicizzazione.

Funzionalità della promozione del sito Web nei frame

Alcuni motori di ricerca indicizzano i file incorniciati in modo errato o molto errato. Di conseguenza, il database dell'indice non viene riempito con gli indirizzi delle risorse principali (come dovrebbe essere), ma con collegamenti a siti secondari.

Per ridurre al minimo i problemi di indicizzazione dei siti in base ai frame, durante la descrizione vengono utilizzati tag e parametri speciali. L'elemento principale della struttura del contenitore è il frameset. È lui che sostituisce il corpo standard; nel codice sorgente. Ogni singolo contenitore della struttura è descritto da una cornice. La sua quantità nel codice della pagina corrisponde al numero di singole sezioni visualizzate nella finestra del browser quando viene visualizzata.

Questi tag dovrebbero essere posizionati nella pagina principale del sito e quindi duplicare il contenuto all'interno di ciascuno di essi.