Hvordan fikse store bokstaver på et nettsted
Det web utviklere av dynamiske websider er til tider konfrontert med utfordringen med å konvertere tekst som inneholder for mange store bokstaver. Verktøy er tilgjengelig for webutviklere å endre bokstav saken til en mer ønskelig format. Disse verktøyene kan brukes i konverteringer oppgaver som å konvertere en gammel nettside som har for mange store bokstaver til en nyere, mer profesjonell design. Alternativt kan de bli utplassert for å behandle store bokstaver fra et brukerundersøkelser og konvertere disse bokstavene til en grammatisk korrekt format med bare den første bokstaven i hver setning igjen i store bokstaver.
Bruksanvisning
Bruke Cascading Style Sheets (CSS)
1 Skriv en ny CSS design regel ved hjelp av tekst-transform eiendom. CSS text-transform Eiendommen inneholder tre verdier som vil forandre det gjelder nettstedets tekst. Disse verdiene er: store bokstaver, som viser stylet tekst med store bokstaver; små bokstaver, som viser all tekst i små bokstaver; og kapitalisere, som kapitaliserer bare den første bokstaven i hvert ord. I dette eksempel er de nye CSS regel stiler en ny div. Det tildeler div med klassen av divWrapper og implementerer text-transform eiendom med en verdi på små bokstaver. Dette vil forvandle alle store bokstaver til små bokstaver.
.divWrapper {
text-transform: små bokstaver;
}
2 Skriv en andre CSS-regel å style den første bokstaven i hver setning. Dette gjøres ved bruk av først-brevet pseudo element. Denne regelen vil forvandle den første bokstaven i hver setning tilbake til store bokstaver. I dette eksemplet er en ny stil regel etablert som vil forvandle den første bokstaven i hvert div tildelt en klasse innstilling av straffen.
.sentence: first-letter {
text-transform: kapitalisere;
}
3 Plasser to regler innsiden av <style> -taggen og mellom <head> og </ head> -kodene i HTML-siden.
<Head>
<Style>
.divWrapper {
text-transform: små bokstaver;
}
.sentence: first-letter {
text-transform: kapitalisere;
}
</ Style>
</ Head>
4 Påfør de to nye reglene på nettsiden din. Reglene er tildelt div elementer som er plassert på hver side av innholdet på websiden. I det følgende kode, blir divWrapper div tildelt hele teksten, mens en div med klassen av setningen er tildelt hver enkelt setning i teksten. Hele teksten er plassert etter <body> -taggen.
<Body>
<Div class = "divWrapper">
<Div class = "setning"> Dette er den første setningen av all-CAPS teksten som du forsøker å konvertere. </ Div>
<Div class = "setning"> Dette er den andre setningen i STORE BOKSTAVER TEKST. </ Div>
</ Div>
</ Body>
Ved hjelp av PHP
5 Tildele teksten på websiden din til en PHP variabel. Denne prøven koden bruker $ uppercasetext variabel.
$ Thetext = "Dette er den første setningen av all-CAPS teksten du prøver å konvertere dette er den andre setningen AV STORE BOKSTAVER TEKST..";
6 Konvertere teksten til små bokstaver ved hjelp av PHP strtolower () -funksjonen.
$ Thetext = strtolower ($ thetext);
7 Bruk en PHP-funksjonen til å konvertere små bokstaver tekst til tekst som har en balanseført første bokstav for hvert ord etter et skilletegn. Dette følgende funksjon tar den gamle skriving, passer det med et skilletegn og kapitaliserer neste bokstav. Det gjør den ved å bruke PHP ucfirst funksjon som tar den første bokstaven i en streng og gjør det til en stor bokstav. Denne funksjonen er oppkalt converttext og kan bli kopiert inn i PHP-filen.
funksjon 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 Gi din tekst variable til converttext funksjon. Start en ny oppgave for hver skilletegn som du ønsker å teste for. Følgende eksempel bruker converttext funksjon for å teste for perioden, utropstegn og spørsmålstegn etterfulgt av et enkelt mellomrom og kapitaliserer neste bokstav følge disse kriteriene.
$ Thetext = converttext (, $ thetext ".");
$ Thetext = converttext (, $ thetext "!");
$ Thetext = converttext (, $ thetext "?");
9 Skriv ut den nye teksten ved å bruke PHP echo kommandoen. Dette gjør vår tekst i en grammatisk korrekt skjema med den første bokstaven i hver setning føres og alle andre bokstaver skrives med små bokstaver. Denne metoden er mye mer effektiv enn den CSS eksempel for konvertering av tekst, fordi i motsetning til i CSS eksempel, fikk hvert enkelt setning ikke trenger å bli betegnet med et nytt div.
echo $ thetext;