Gebruik van HTML in de editor

Wanneer je HTML plaatst in de editor via de Broncode (Source code), wordt deze automatisch gecontroleerd en opgeschoond bij het opslaan.

Dit houdt in dat:

Onveilige code (zoals schadelijke scripts) automatisch wordt verwijderd.
Ongeldige of foutieve HTML wordt gecorrigeerd of opgeschoond.
De editor (TinyMCE) bepaalde HTML-structuren automatisch kan herschrijven.

Deze controles zijn bedoeld om de website veilig, stabiel en correct te laten functioneren

CSS (opmaak)

Een <style>-blok in de <head> van je HTML wordt automatisch verwijderd.

Wil je CSS toepassen? Gebruik dan het daarvoor bestemde Custom CSS-veld binnen het systeem.
Plaats styling niet direct in de HTML.

Wat kun je gebruiken?

Tekst en structuur

<p>
<h1>, <h2>, <h3>
<blockquote>
<pre>

Tekstopmaak

<strong>
<em>
<b>
<i>
<sup>
<sub>
<span>

Lijsten

<ul>
<ol>
<li>

Links

<a href="...">
https: (aanbevolen)
http:
mailto:
tel:
news:

Media

<video>
<audio>

Afbeeldingen

<img src="..." alt="..." width="..." height="...">

Let op svg zijn niet toegestaan. In plaats daarvan gebruik jpg, png of gif.

Welke HTML kun je niet gebruiken?

Scripts of actieve content

<script>
<noscript>
onclick, onload en andere event-handlers
<object>, <embed>, <applet>

Document-structuur tags

<html>
<head>
<meta>
<link>
<title>
<style>

Formulieren

<form>
<input>
<button>
<select>
<textarea>

Video, audio of iframes

<iframe>

Verouderde HTML

<font>
<center>
<big>
<small>
<strike>

Linkjes

data:
file:
wss:

Richtlijnen voor de styling:

Gebruik eenvoudige en consistente opmaak:

Gebruik bij voorkeur inline styling of toegestane classes
Houd layouts eenvoudig
Vermijd:
- position: absolute
- position: fixed
- z-index
- complexe animaties of transforms

Voor witruimte:

Gebruik margin en padding
Gebruik geen   voor spacing

Externe lettertypes (zoals Google Fonts) dienen centraal in de website te worden geladen en niet in de content zelf.

Validatie van HTML

Controleer HTML zorgvuldig op fouten of typefouten.

Gebruik bij voorkeur een HTML-validator of laat de code controleren voordat je deze plaatst.

Weergave kan verschillen per mailprovider

Houd er rekening mee dat e-mails niet in elke mailprovider hetzelfde worden weergegeven. Clients zoals Microsoft Outlook (vooral de desktopversie) en Gmail ondersteunen verschillende HTML- en CSS-functionaliteiten. Met name Outlook is hierin beperkt en ondersteunt bepaalde styling (zoals afgeronde hoeken, positionering en max-width) niet volledig. Hierdoor kan een e-mail er anders uitzien dan bedoeld. We adviseren om hier rekening mee te houden bij het ontwerpen van e-mails.