*   >> Lezen Onderwijs artikelen >> tech >> web development

Principes van HTML-code Optimization

n lijn met de drie woorden waar de middelste woord was in het vet hebben. Dit kan worden bewerkstelligd door het formatteren telkens volledig veranderen van het zichtbare wijzigingen in de opmaak. Beschouw deze code: (font face = keer) Deze (lettertype) (font face = keer) (sterk) BOLD (sterk) (lettertype) (font face = keer) Word (lettertype) Dit duurt maximaal 90 tekens. Dit is zeer slecht geschreven html en is wat je af en toe krijg je bij gebruik van een WYSIWYG-editor.

Omdat de (lettertype) tags zijn het herhalen van dezelfde informatie die we kunnen gewoon het nest van de (sterke) labels in de (lettertype) labels, en beter nog gebruik maken van de (b) tag in plaats van de (sterke) tag. Dit zou ons deze code (font face = keer) deze (b) BOLD (b) Word (lettertype), toegang tot slechts 46 tekens. Dit is onze tweede principe van schone HTML-code: Gebruik geneste labels wanneer mogelijk. Wees ervan bewust dat WYSIWYG editors vaak opmaak wordt bijgewerkt door het toevoegen van laag na laag van geneste code.

Dus terwijl u het opruimen van de code op zoek naar overbodige geneste code er door uw WYSIWYG bewerkingsprogramma geplaatst. Een groot probleem met het gebruik van HTML-tags is dat we nodig hebben om de tag codering herhalen wanneer we de opmaak veranderen. De komst van CSS stelt ons in staat een groot voordeel in schone codering door waardoor wij de opmaak eenmaal lay-out in een document, dan gewoon verwijzen naar het over en weer.

Als we zes punten op een pagina die wisselen tussen twee verschillende soorten opmaak, zoals koppen in Blauw, Vet, Ariel, maat 4 en paragraaf tekst in zwart, Times, maat 2, met behulp van labels hebben we nodig zou hebben om een ​​lijst die volledige opmaak elke keer maken we een verandering. (font face = Ariel color = blue size = 4) (b) Onze rubriek (/b) (/font) (font face = Times color = zwart size = 2) Onze paragraaf (/font) (font face = Ariel color = blue size = 4) (b) Onze volgende rubriek (/b) (/font) (font face = Times color = zwart size = 2) Onze volgende paragraaf (/font) We zouden dit herhaal voor elke rubriek en paragraaf, veel van de html code.

Met CSS kunnen we CSS-stijlen voor elk type opmaak te maken, een lijst van de Styles eenmaal in de koptekst van de pagina, en dan gewoon verwijzen naar de stijl elke keer dat we een verandering. (hoofd) (style type = "text /css") (- .style1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;}! .style2 {font- family: "Times New Roman", Times, serif

Page   <<  [1] [2] [3] >>
Copyright © 2008 - 2016 Lezen Onderwijs artikelen,https://onderwijs.nmjjxx.com All rights reserved.