Come nascondere un tag div

May 28

Come nascondere un tag div


In HTML, "<div>" tag vengono utilizzati per separare i blocchi di testo, dando loro stili unici o con cura il posizionamento su una pagina web. Poiché ogni tag DIV può essere dato il proprio ID, o di una classe che condivide in comune con gli altri elementi della pagina, è possibile nascondere utilizzando "CSS" - una specifica versatile che permette di effettuare tutti i tipi di modifiche agli elementi sul tuo pagina web.

istruzione

Nascondere un tag DIV singolo

1 Aprire il codice sorgente della tua pagina web in un editor HTML o Notepad. È necessario modificare il codice HTML vero e proprio, in modo da un "what-you-see-is-what-you-get", o WYSIWYG, l'editor non è sufficiente.

2 Scorrere verso il basso nel codice della pagina Web per il tag DIV si desidera nascondere --- tag inizierà con "<div>" e terminare con "</ div>"; tutte le modifiche necessarie per rendere sono nel tag di apertura.

3 Aggiungere la seguente riga di codice (conservare le virgolette) tra "<div" e ">":

style = "display: none;"

Se non ci sono altri attributi (come "id =" o "class =") nella <div>, esso dovrebbe essere letto "<div style =" display: none; ">" e sarà seguito dai contenuti testuali di il tag.

4 Salvare e chiudere il file HTML; quando la pagina viene visualizzata in un browser Web, il tag DIV sarà nascosto.

Nascondere div multipli

5 Aprire il file di origine del sito web, che probabilmente finisce in ".html"; utilizzare un editor di testo semplice, come Notepad su Windows, TextEdit su OSX, o nano su Linux.

6 Individuare sezione di intestazione del documento, che inizia con "<head>" e termina con "</ head>"; subito dopo il tag "<head>", aggiungere il seguente codice copiando e incollando direttamente nel codice HTML del proprio sito web:

<Style type = "text / css"> .nascosto {display: none; } </ Style>

7 Aggiungere la riga "class = 'nascondere'" tra il "<div" e ">" di ogni tag div da nascondere; se non ci sono altri attributi del tag, ogni tag di apertura sarà ora leggere semplicemente "<div class = 'nascondere'>" --- questo fa riferimento al "nascondere" classe CSS definita nell'intestazione della pagina.

8 Salvare il documento e chiudere l'editor HTML. Quando si apre la pagina in un browser Web, ogni tag DIV con "class = 'nascondere'" nei suoi attributi verrà nascosta allo spettatore.


Articoli Correlati