Van HTML naar XHTML en CSS
Ik leerde mezelf oorspronkelijk HTML 4.0 een paar jaar geleden, maar ik vond het moeilijk om de overgang naar het gebruik van XHTML met CSS te maken (Cascading Style Sheets). Echter, vanwege de betrokkenheid met een kleine website Ik werd gedwongen om te begrijpen het. In dit artikel zal ik lopen door de praktische gevolgen van schakelen tussen de twee, met andere woorden wat u moet doen om uw HTML werk met stylesheets. Ik ga niet te gaan over de geschiedenis van xHTML hier, maar je moet nemen er nota van dat er veel 'tags' die zijn afgekeurd en moeten worden vermeden bij het gebruik van XHTML. Het eerste belangrijke verschil in xHTML komt in de vorm van de syntaxis. De taal is hoofdlettergevoelig, dus alles is geschreven in kleine letters, niet meer gebruik van caps! Ten tweede, 'tags', of elementen te technisch zijn, worden nu ingedeeld in twee soorten: die 'bevatten' gegevens, en die zijn 'leeg'. Een voorbeeld van de voormalige misschien een paragraaf element, dat een afsluitende tag heeft. Dat wat tussen deze twee tags is de 'bevatte gegevens ". Zo is een zin opgevat gegevens. Een voorbeeld van een lege tag kan een regeleinde, en is iets anders geschreven dan in HTML 4.0, als volgt: Een ander punt in gedachten te houden is dat omdat xHTML wordt geacht verenigbaar te zijn over verschillende apparaten, moeten alle beelden zijn alternatieve beschrijvingen (wat betekent dat u het gebruik van de 'alt' goed te maken in beeldelementen, het is niet langer alleen een optie) . Ook wordt u maakt uitgebreid gebruik van de 'id' attribuut in xHTML (vergelijkbaar met de 'naam' attribuut, maar anders gebruikt - zie hieronder). De grootste hindernis voor mij persoonlijk was het leren van de syntaxis van CSS. Er zijn drie manieren om het gebruik van CSS, waarvan er een is om een afzonderlijk document met een. Css extensie te maken. Dit bestand bevat alle styling attributen van de elementen in uw xHTML code. U kunt ook CSS in de 'hoofd' element, of u kunt het insluiten in een element ergens in je code (in beide gevallen zou u gebruik maken van de 'stijl' element). Met behulp van een extern bestand kan nuttig zijn als wijzigingen aan dit document wordt een cascade in uw website, vandaar het elimineren van de noodzaak om de code op elke pagina te wijzigen. De syntaxis bestaat in hoofdzaak uit een 'selector', die kan worden een 'selector id', een klasse selector of een generieke klasse selector. Dus, bijvoorbeeld, heb ik gezien een 'img' element van de id "MyImg", dan ga ik naar mijn css sectie / bestand en maak de selector # MyImg (). Hier is waar de syntaxis komt binnen het #-symbool betekent dat ik een ID-selector heeft gemaakt, dus wat volgt in de accolades zal gelden voor alle elementen met het id 'MyImg ". Een voorbeeld hiervan ziet er als volgt uit: # MyImg (width: 200px; height: 100px; border: 0px) Merk op dat ik een dubbele punt in plaats van het gelijk teken om waarden toe te wijzen. Als u dat niet te doen dit je stijlen niet zal worden toegepast. Ook is elke eigenschap, gevolgd door een puntkomma die hen scheidt. Als u niet volgen deze syntaxis bij het gebruik van CSS uw styling zal niet in werking treden. Het laatste wat je moet weten om te beginnen is hoe je externe CSS document link naar uw xHTML document. Just nest van een element in uw en u bent klaar om te gaan. Er zijn tal van nieuwe manieren om taken uit te voeren zoals positionering in CSS. Veel plezier spelen met deze nieuwe mogelijkheden!Bruno Marchand bestudeert momenteel web development deeltijd, evenals een holistische gezondheid gratis modaliteit genoemd Geïntegreerde Carrosserie. In zijn vrije tijd doet hij SEO voor Africapic, Hij geniet van het vuur dansen en heeft een grote affiniteit voor reptielen. een artikel afkomstig van Bruno Marchand
|
|||
|