Categorie:
HTML »
Conditional statements voor Internet explorer
Door middel van conditional statements is het mogelijk om bepaalde stukken HTML alleen voor, of juist niet voor Internet Explorer te laten gelden.
Conditionele statement werken als volgt:
Positief:
<!--[if condition]> HTML <![endif]-->Negatief:
<!--[if !condition]><![IGNORE[--><![IGNORE[]]> HTML <!--<![endif]-->Je kan gebruik maken van de volgende condities:
- IE
- Elke versie van Internet explorer
- lt IE versie
- Internet explorer met een versie lager dan versie.
- lte IE versie
- Internet explorer met een versie gelijk of lager dan versie.
- IE versie
- Internet explorer met een versie gelijk aan versie.
- gte IE versie
- Internet explorer met een versie gelijk of hoger dan versie.
- gt IE versie
- Internet explorer met een versie hoger dan versie.
Favicon voor je webpagina
Als je wilt dat bezoekers regelmatig naar je website terugkeren moet je er voor zorgen dat je website herkenbaar is. Een hulpmiddel om te zorgen voor herkenbaarheid is de Favicon.
Een favicon is een klein icoontje die meestal terug te vinden bovenin je browser. Meestal staat de favicon op de tab van de bijhorende pagina. Soms is hij terug te vinden naast de ‘Address bar’ van de pagina.
Het belangrijkste is dat je favicon terug te vinden is bij je bookmarks. Een herkenbare favicon zorgt ervoor dat jouw pagina snel terug te vinden is.
Verder »
Introductie in HTML5 video
Inleiding
Het element is een van de nieuwe toevoegingen aan het web die HTML5 ons zal brengen. Met het video element zal het mogelijk worden om video bestanden zonder de hulp van plugins rechtstreeks in je browser af te spelen.
Het grote voordeel van het HTML5 video element is dat we in de toekomst geen gebruik meer hoeven te maken van Flash. We hoeven gebruikers dan ook niet meer te vragen of ze Flash willen instaleren.
Een tweede voordeel is dat de opmaak eenvoudiger te veranderen is voor HTML5 video elementen. Zoals gebruikelijk voor HTML kunnen we gewoon CSS in combinatie met javascript gebruiken voor het stylen van een element.
Hieronder een voorbeeld van een HTML5 video:
HTML, CSS en Javascript vanaf de bodem op
Voor de beginnende web developer heeft Google een reeks video tutorials waarin uitglegd word hoe je een webapplicatie moet maken. In de video tutorials word de basis van HTML, CSS en JavaScript uitgelegd en hoe je deze talen kunt gebruiken voor het maken van een webpagina.
Ook voor de wat meer gevorderden valt er nog het een en het ander te leren uit deze tutorials. Waarbij bij andere tutorials de meeste aandacht uit gaat naar het leren van alle elementen, gaat bij deze tutorial de meeste aandacht naar wat juist gebruik is van je code.
De cursus is in het Engels.
De cursus bestaat uit 4 delen:
- Introductie
- HTML
- CSS
- JavaScript
De bestanden die gebruikt worden in deze Handleiding kun je hier vinden: lab2.zip
Verder »
Een HTML 5 pagina werkend in alle browsers
Inleiding
HTML 5 biedt voor web developers nieuwe mogelijkheden om makkelijk leesbare en ook semantisch betere pagina’s te maken. Jammer genoeg is HTML 5 nog steeds in de ontwikkeling en wordt daarom nog niet door alle browsers ondersteund.
In deze tutorial laat ik zien hoe je een pagina met HTML 5 kunt maken. Met behulp van javascript maken we deze code geschikt voor browsers die nog geen HTML 5 ondersteunen, waaronder Internet Explorer 6.
De lay-out voor de pagina gaan maken is een simpele 2-koloms blog pagina met een footer en een header:
Laatste reacties