Rimozione di testo da un tag div e sostituirlo con altro contenuto determinato CSS è una tecnica di sviluppo Web fondamentale. Utilizzarlo per search engine optimization, per dare loghi e altre immagini semantico significato estraibile dai crawler Web. Questa tecnica deve essere usata con giudizio, tuttavia, come l'uso eccessivo è spesso una violazione di ricerca motore di termini del servizio e può causare il tuo sito di essere bandito.

Istruzioni

1

Aprire un editor di testo e incollare il codice riportato di seguito:

< div id = "tutorial" >

<p>Some Content</p>

< / div >

Questo codice verrà creare un div e verrà visualizzato il testo "Alcuni contenuti" all'interno di esso. Nel linguaggio HTML (Hyper Text Markup Language), un "div" è semplicemente un contenitore per il contenuto.

2

Incollare il codice seguente sopra la div.

< style >

Tutorial p {text-indent:-9999px}

< / stile >

Questo codice tira il testo fuori div.

3

Sostituisci il testo modificando il codice CSS in questo modo:

< style >

Tutorial p {text-indent:-9999px; immagine di sfondo: 'someimage.png'}

< / stile >

Questo sostituirà il testo con un'immagine di sfondo.

4

Modificare il codice di stile nuovo con le seguenti modifiche:

< style >

Tutorial p {text-indent:-9999px; display: block; width: 50px; altezza 50px; background-color: rosso}

< / stile >

Questo sostituisce il testo con un quadrato di 50 pixel. Altre sostituzioni sono possibili; le variazioni sono infinite. CSS è stato significato per essere un linguaggio molto descrittivo.

5

Salvare il documento come un file ". html" e aprirlo in un browser Web per visualizzare i risultati. Questo può essere fatto ad ogni passo, o quando si vuole vedere i risultati delle modifiche.