HTML6

Voorbeeld met voorgestelde vormen van HTML6-broncode

Joost van Meeteren

Ter illustratie bij artikel 'Opmerkingen over HTML6'

2. Voorbeeld van broncode in HTML6 door Joost van Meeteren voorgesteld:

!DOCTYPE html

lang = nl
charset =utf-8
author = Joost van Meeteren
robots = index,follow
description content = This website belongs to WebDevelopment and WebDesign by Joost van Meeteren. He is web designer, web developer, and photographer.
keywords content = web development, web design, web maintenance, seo, validation, accessibility, html5, css3, responsive web design, bootstrap, boilerplate
name = viewport content = width=device-width, initial-scale = 1
link icon ../images/html6_icon.png
title = Bennekom NL Web Development and Web Design ·:· Photography and Editing ·:· Joost van Meeteren © 2017
link stylesheet https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
link stylesheet css/style.css
link stylesheet https://fonts.googleapis.com/css?family=Raleway

header class = container-fluid
h1 Header 1
h2 Header 2
h3 Header 3

nav id = top class = navbar navbar-inverse
list
Link 1
Link 2
Link 3

page class = container-fluid
p Tekst tekst tekst
p strong Tekst tekst normal tekst tekst
picture class = responsive image.flif
video class = responsive video.webm

aside logo logo.webp Tekst bij logo

footer class = container-fluid
p class = footer tekst copyright


Opmerking 1. De gehele webpagina met verplicht bovenaan de doctype declaration (<!DOCTYPE html>) is de hoofdmodule.
             Binnen de hoofdmodule ontvouwen de metadata en de content zich in modules.

Opmerking 2. Mijn uitgangspunt is dat brackets (< en >) en de eind-tag niet nodig zijn. 
             De afwezigheid van de brackets en de eind-tag past in het kader van de vereenvoudiging van HTML.
             Als h1 wordt gevolgd door nav, dan is nav direct de stop voor h1.

Opmerking 3. Als er een SVG-afbeelding of XML-data wordt ingevoegd,
             dient de SVG- en XML-broncode als blok binnen de HTML-code geplaatst te worden.
             Het kunnen invoegen van aan HTML verwante code is een kenmerk van modulariteit.
Joost De WebMaker
2002-2024 © Joost van Meeteren
Laatste update website: dinsdag 3 december 2024