HTML5 Aan de slag

HTML5 het is niet alleen de nieuwste versie van HTML het is ook een compendium van technologieën die worden gebruikt om moderne en geavanceerde websites te bouwen. HTML5 is primair verantwoordelijk voor het leveren van een semantische standaard op het gebied van het schrijven van code, alsmede het bieden van oplossingen voor functionaliteiten die in het verleden alleen mogelijk waren met plug-ins nauwgezet opgebouwd.
Een webbrowser selecteren
Dit klinkt misschien voor de hand liggend, maar ja, de belangrijkste tool waarmee we aan de slag moeten HTML5 het is een webbrowser. Van de meest populaire en compatibele die we hebben:

• Google Chrome
• Mozilla Firefox
• Opera
• Appelsafari
• Internetverkenner

Deze browsers worden door de meeste gebruikers gebruikt, sommigen meer, anderen minder. Ze worden voortdurend bijgewerkt om de nodige ondersteuning voor deze nieuwe technologieën te bieden. We willen misschien een browser gebruiken die niet op de lijst staat, maar mijn aanbeveling is dat we ons aan deze lijst houden voor de beste compatibiliteit.
Mijn voorkeursbrowser is Google ChromeHet is vrij eenvoudig en heeft goede ontwikkelingstools. Maar als je geen fan bent van Chroom mag ik voorstellen Firefox of Opera sinds zijn steun aan HTML5 staat op één lijn met Chroom.

Ik ben geen fan van Internetverkenner en veel gebruikers ook niet, maar het is belangrijk om te vermelden dat de nieuwe versies bereid zijn om veel belangrijke functionaliteiten van HTML5.
Een code-editor selecteren
We hebben een code-editor nodig om documenten te schrijven HTMLJa, we kunnen het kladblok gebruiken, maar het is helemaal niet praktisch en met zoveel nieuwe technologieën is het gewoon niet correct. Je kunt elke teksteditor gebruiken, maar ik raad een editor aan die ondersteuning biedt voor: HTML en bij voorkeur voor HTML5, deze editors bieden syntaxiscontrole voor uw code, automatische aanvulling om de hoeveelheid code die we moeten schrijven te verminderen, en een voorbeeld van de wijzigingen die we aanbrengen.
ik raad aan Sublieme tekst 2Voor verschillende dingen is het ten eerste extreem licht, het uitvoerbare bestand mag geen 20 MB bereiken, het biedt niet alleen ondersteuning voor HTML5, maar ook voor PHP, Javascript, CSS, Perl, Robijn, onder andere. Ja, we zijn op zoek naar een krachtige, lichte en snelle editor Sublieme tekst 2 het is onze keuze.

elementen
Items zijn de manier waarop we onze browser over onze inhoud vertellen. Het effect van de elementen wordt toegepast op de inhoud, elk element HTML het heeft een andere en specifieke betekenis.
HTML definieert verschillende soorten elementen die verschillende rollen hebben, het element code in een voorbeeld van een semantisch element. Deze stellen ons in staat om de betekenis van onze inhoud en de relaties tussen de verschillende delen ervan te definiëren.
Laten we een voorbeeld bekijken:

Zoals we kunnen zien, bestaat dit voorbeeld uit drie delen, de eerste twee delen worden labels genoemd, het begin van het label is En het einde en onder hen is het inhoudselement.
HTML definieert verschillende soorten elementen die verschillende rollen vervullen in ons document HTML, het element is een voorbeeld van een semantisch element, deze stellen ons in staat om de betekenis van onze inhoud en de relatie tussen de delen ervan te definiëren.
In de volgende tutorials zullen we de verschillende attributen zien die kunnen worden toegepast op elementen, evenals enkele CSS dat is essentieel en dat gaat hand in hand met HTML en natuurlijk de nieuwe functionaliteiten en labels die deze nieuwe versie voor ons heeft.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven