I Tre Principii Di Ottimizzazione Di Codice del HTML
Giusto come la molla che pulisce una casa, il codice del HTML dei vostri Web pagi dovrebbe ottenere la pulizia periodica pure. Col tempo, come i cambiamenti ed aggiornamenti sono fatti ad un Web page, il codice può essere sparpagliato ammasso inutile, rallentante i tempi di carico della pagina e danneggiante l'efficienza del vostro Web page. Il HTML stipato di può anche avere effetto seriamente sul vostro posto di Search Engine.
Ciò è particolarmente allineare se state usando un pacchetto di disegno di fotoricettore di WYSIWYG (che cosa vedete siete che cosa ottenete) quali FrontPage o Dreamweaver. Questi programmi accelereranno la vostra creazione di Web site, ma non sono quello efficiente al codice pulito del HTML di scrittura.
Metteremo a fuoco questa discussione sulla codificazione reale del HTML, ignorante altri linguaggi di programmazione che possono essere usati in una pagina quale il Javascript. Negli esempi di codice userò (e) i caratteri anziché il HTML corretto in modo che gli esempi di codice visualizzino correttamente in questo bollettino.
Fino a poco tempo fa quando codifica una pagina nel HTML stavamo esaurendo le modifiche quali la modifica (della serie completa di caratteri) e (p) le modifiche di paragrafo. Fra queste modifiche sia il nostri soddisfare, testo, immagini e collegamenti della pagina. Ogni volta un cambiamento di formattazione è stato fatto alla pagina che le nuove modifiche sono stato necessarie con formattazione completa per il nuovo sezionano. Recentemente abbiamo guadagnato la capacità di usare i fogli procedenti in sequenza di stile, permettendo che noi redigiamo una volta la formattazione ed allora ci riferiamo a quella formattazione parecchie volte all'interno di un Web page.
Per accelerare i tempi di carico della pagina dobbiamo avere pochi caratteri alla pagina una volta osservati in un redattore del HTML. Poiché realmente non desideriamo rimuovere c'è ne del nostro soddisfare visibile dobbiamo osservare al codice del HTML. Pulendo questo codice possiamo rimuovere i caratteri, quindi generanti un più piccolo Web page che caricherà più rapidamente.
Il HTML col tempo è cambiato ed ora abbiamo molti sensi differenti fare la stessa cosa. Un esempio sarebbe il codice usato per mostrare un grassetto faccia. In HTML abbiamo due scelte principali, la modifica (forte) e (b) la modifica. Come potete vedere che la modifica (forte) usa 5 nuovi caratteri che (b) la modifica e se consideriamo le modifiche di chiusura pure vediamo quello usando gli usi di accoppiamento della modifica (strong)(/strong) 10 nuovi caratteri che l'accoppiamento più pulito della modifica (b)(/b).
Ciò è il nostro primo principio del codice pulito del HTML: Usi il metodo di codificazione più semplice disponibile.
Il HTML ha l'abilità del codice di incastramento all'interno dell'altro codice. Per esempio potremmo avere una linea con tre parole dove la parola centrale era in GRASSETTO. Ciò potrebbe essere compiuta cambiando la formattazione completamente ogni volta la formattazione visibile cambia. Consideri questo codice:
(serie completa di caratteri face=?times?)This(/font)
(serie completa di caratteri face=?times?)(strong)BOLD(/strong)(/font)
(serie completa di caratteri face=?times?)Word(/font)
Ciò prende 90 caratteri.
Ciò è HTML molto male scritto ed è che cosa otterrete occasionalmente quando usando un redattore di WYSIWYG. Dalle modifiche (della serie completa di caratteri) stanno ripetendo le stesse informazioni che possiamo annidare semplicemente le modifiche (forti) all'interno delle modifiche (della serie completa di caratteri) e migliore tuttavia usare (b) la modifica anziché la modifica (forte). Ciò ci dare questo codice (face=?times)This della serie completa di caratteri (b)BOLD(/b) Word(/font), prendendo soltanto 46 caratteri.
Ciò è il nostro secondo principio del codice pulito del HTML: Usi le modifiche annidate una volta possibile. Sia informato che i redattori di WYSIWYG aggiorneranno frequentemente la formattazione aggiungendo lo strato dopo lo strato del codice annidato. Così mentre state pulendo il codice cerchi il codice annidato ridondante disposto là dal vostro WYSIWYG che pubblica il programma.
Un problema grande con usando le modifiche del HTML è che dobbiamo ripetere la codificazione della modifica ogni volta che cambiamo la formattazione. L'avvenimento di CSS ci concede un vantaggio grande nella codificazione pulita concedendoci alla disposizione la formattazione una volta in un documento, allora semplicemente si riferisce ripetutamente ancora.
Se avessimo sei paragrafi in una pagina che commutano fra due tipi differenti di formattazioni, quali le intestazioni in blu, GRASSETTO, Ariel, gradua 4 secondo la misura e divide il testo in paragrafi nel nero, i periodi, il formato 2, usando le modifiche che dovremmo elencare quella formattazione completa ogni volta facciamo un cambiamento.
(serie completa di caratteri face=?Ariel? color=?blue? size=?4?)(b)Our heading(/b)(/font)
(color=?black dei face=?Times della serie completa di caratteri? size=?2?)Our paragraph(/font)
(serie completa di caratteri face=?Ariel? color=?blue? size=?4?)(b)Our dopo heading(/b)(/font)
(color=?black dei face=?Times della serie completa di caratteri? size=?2?)Our dopo paragraph(/font)
Allora ripeteremmo questo per ogni intestazione e paragrafo, lotti del codice del HTML.
Con CSS che potremmo generare gli stili di CSS per ogni tipo di formattazione, che elenchi una volta gli stili nell'intestazione della pagina ed allora semplicemente che riferiscasi allo stile ogni volta facciamo un cambiamento.
(testa)
(stile type="text/css")
(! - -
style1 {
serie-famiglia: Arial, helvetica, sans-serif;
serie-peso: GRASSETTO;
serie-formato: 24px;
}
style2 {
serie-famiglia: "nuovo romano di periodi", periodi, serif;
serie-formato: 12px;
}
--)
(/stile)
(/testa)
(corpo)
(p class="style1")Heading(/p)
(p class="style2")Paragraph Text(/p)
(/corpo)
Noti che gli stili sono generati nella sezione capa della pagina ed allora semplicemente si riferiscono nella sezione del corpo. Poichè aggiungiamo più formattazione continueremmo semplicemente a riferirsi agli stili precedentemente generati.
Ciò è il nostro terzo principio del codice pulito del HTML: Usi gli stili di CSS una volta mai possibile. Il CSS ha parecchi altri benefici, come potere disporre gli stili di CSS in una lima esterna, quindi riducendo il formato della pagina ancor più e la capacità aggiornare rapidamente la formattazione luogo-larga semplicemente aggiornando la lima esterna di stile di CSS.
Così con una certa pulizia semplice del vostro codice del HTML potete ridurre facilmente il formato di lima e fare un caricamento veloce, una magra e un Web page medio.
Circa l'autore:
George Peirson è un imprenditore e un addestratore riusciti del Internet. È l'autore oltre di 30 multimedia ha basato i titoli d'istruzione di addestramento che riguardano tali soggetti come Photoshop, flash e Dreamweaver. Per vedere i suoi insiemi di addestramento visitare www.howtogurus.com
Fonte dell'articolo: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster prendi il Codice Html
Aggiungi questo articolo al tuo sito ora!
Webmaster invia i tuoi Articoli
Nessuna registrazione richiesta. Compila il form e i tuoi articoli sono nella Directory di Messaggiamo.Com
