Come risolvere tutte lettere maiuscole su un sito web

August 30

Come risolvere tutte lettere maiuscole su un sito web


Gli sviluppatori web di siti web dinamici sono a volte ad affrontare la sfida di conversione del testo che contiene troppe lettere maiuscole. Gli strumenti sono disponibili per gli sviluppatori web per modificare il caso lettera in un formato più desiderabile. Questi strumenti potrebbero essere utilizzati in compiti di conversioni, come trasformare una vecchia sito web che ha troppe lettere maiuscole a un design più nuovo più professionale. In alternativa, potrebbero essere impiegati per elaborare le lettere maiuscole da un input dell'utente e convertire quelle lettere in un formato grammaticalmente corretto con solo la prima lettera di ogni frase rimanere in maiuscolo.

istruzione

Utilizzo di Cascading Style Sheets (CSS)

1 Scrivi una nuova regola di progettazione CSS utilizzando la proprietà text-transform. Il CSS text-transform proprietà contiene tre valori che trasformeranno il caso del testo del sito. Questi valori sono: lettere maiuscole, che visualizza il testo in stile in maiuscolo; minuscolo, che mostra tutto il testo in lettere minuscole; e, capitalizzare, che capitalizza solo la prima lettera di ogni parola. In questo esempio, i nuovi stili regola CSS un nuovo div. Si assegna il div con la classe di divWrapper e implementa la proprietà text-transform con un valore di minuscolo. Questo trasformerà tutto maiuscolo in minuscolo.

.divWrapper {
text-transform: minuscolo;
}

2 Scrivi una seconda regola CSS per lo stile la prima lettera di ogni frase. Ciò si ottiene mediante l'elemento pseudo-prima lettera. Questa regola trasformerà la prima lettera di ogni frase di nuovo in maiuscolo. In questo esempio, una nuova regola di stile è stabilito che trasformerà la prima lettera di ogni DIV assegnato un ambiente di classe della pena.

.sentence: first-letter {
text-transform: capitalizzare;
}

3 Posizionare le due regole all'interno del tag <style> e tra i tag <head> e </ head> della pagina HTML.

<Head>
<Style>
.divWrapper {
text-transform: minuscolo;
}
.sentence: first-letter {
text-transform: capitalizzare;
}
</ Style>
</ Head>

4 Applicare le due nuove regole per la vostra pagina web. Le regole sono assegnati a div elementi che sono posti su entrambi i lati del contenuto della pagina web. Nel seguente codice, il div divWrapper è assegnato a tutto il testo, mentre un div con la classe di frase è assegnato a ogni singola frase del testo. L'intero testo viene posizionato dopo il tag <body>.

<Body>
<Div class = "divWrapper">
<Div class = "frase"> Questa è la prima frase del testo tutto in maiuscolo che si sta tentando da convertire. </ Div>
<Div class = "frase"> Questo è il secondo frase del testo maiuscolo. </ Div>
</ Div>
</ Body>

Utilizzo di PHP

5 Assegnare il testo della tua pagina web per una variabile PHP. Questo codice di esempio utilizza la variabile $ uppercasetext.

$ TheText = "Questa è la prima frase del testo tutto in maiuscolo che si sta tentando di convertire questo è la seconda frase DEL TESTO maiuscolo..";

6 Convertire il testo in minuscolo utilizzando la funzione di PHP strtolower ().

$ TheText = strtolower ($ theText);

7 Utilizzare una funzione PHP per convertire il testo in minuscolo per il testo che ha una prima lettera maiuscola per ogni parola dopo un segno di punteggiatura. Questa funzione seguente prende il vecchio input di testo, partite con un segno di punteggiatura e capitalizza la lettera successiva. Lo fa utilizzando la funzione ucfirst di PHP che prende la prima lettera di una stringa e lo rende in una lettera maiuscola. Questa funzione si chiama converttext e può essere copiato nel file PHP.

Funzione converttext ($ convert2, $ splitter) {

$oldtext=explode($convert2, $splitter);
$destination = array();
foreach ($oldtext as $processedtext) {
$goodtext3=ucfirst($processedtext);
$destination[] = $goodtext3;
}
$newtext2 = implode($convert2, $destination);
return $newtext2;

}

8 Assegnare variabile di testo per la funzione converttext. Avviare un nuovo incarico per ogni segno di punteggiatura che si desidera verificare. L'esempio seguente utilizza la funzione converttext per verificare il marchio di punto, punto esclamativo e questione seguito da un singolo spazio e maiuscola la lettera successiva seguendo questi criteri.

$ TheText = converttext (, $ theText ".");
$ TheText = converttext (, $ theText "!");
$ TheText = converttext (, $ theText "?");

9 Stampa il nuovo testo con il comando php echo. Questo rende il nostro testo in una forma grammaticalmente corretto con la prima lettera di ogni frase in maiuscolo e tutte le altre lettere stampato in minuscolo. Questo metodo è molto più efficiente rispetto all'esempio CSS per convertire testo perché differenza dell'esempio CSS, ciascuna frase non ha bisogno di essere denotato con un nuovo div.

echo $ theText;