Van onze redacteurTom van Zummeren22 apr 20

Alle verrijking op een rijtje

Dit artikel is bedoeld om in één oogopslag te zien of alle ondersteunde artikel-elementen goed werken naar behoren. Zo kan eenvoudig de nieuwe dark mode getest worden voor iOS (en later ook Android) maar ook alle toekomstige design changes aan deze elementen. Dit stuk tekst is overigens het artikel-intro element.


amstel station foto Binh Tran 4 maart 2019 amsterdam vervoer trein
amstel station foto Binh Tran 4 maart 2019 amsterdam vervoer treinBinh Tran

LET OP: Dit artikel bevat een html-embed, er is ook een 100% native test-artikel

Allereerst hebben we twee paragrafen onder elkaar <p>

US0378331005XNAS+0,57%Apple316,77$ Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Integer US8356993076XNYS-0,53%Sony Corp63,73$ posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

XSHG+0,48%CHINA-CSI 100 Index4.001,71CNYAenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna.

Minder gebruikt, maar nog steeds relevant: de subkop <h3>

Dan: de opsomming, ook wel bekend als <fdmg-bulletpoint>

Praesent commodo cursus magna, vel scelerisque nisl consectetur et

Donec id elit non mi porta gravida at eget metus

Etiam porta sem malesuada magna mollis euismod

en...

Praesent commodo cursus magna, vel scelerisque nisl consectetur et

Donec id elit non mi porta gravida at eget metus

Etiam porta sem malesuada magna mollis euismod

De opsomming kan ook rechts-aligned zijn.

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod.

En natuurlijk de welbekende afbeelding <fdmg-image>

Dit is het bijschrift bij de foto.
Dit is het bijschrift bij de foto.En de credit: deze foto komt van AT5

Een set SVG's als infographic, deze heet <fdmg-infographic-extended>

infographic

Plak geen twee SVG aan elkaar. Dat levert problemen op.

infographic

Een LocalFocus infographic, also known as <fdmg-infographic>

Het beruchte cijferkader, oftewel <fdmg-number-frame>

$ 145.600.000.000

Dit is de nett worth van Jeff Bezos

Een PDFje ... <fdmg-pdf>

📎

1200px-Logo_Het_Financieele_Dagblad.pdf

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Een quote'je <fdmg-quote>

Vestibulum id ligula porta felis euismod semper.
Lorem Ipsum

YouTube videootje! <fdmg-youtube>

Vimeo? Wie gebruikt dat nog? <fdmg-vimeo>

Tweetje ... <fdmg-twitter>

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod.

Soundcloud <fdmg-soundcloud>

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod.

Instagram <fdmg-instagram> werkt niet meer...

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod.

Instagram <fdmg-instagram>

Lees ook links <fdmg-readmore>

Lees ook deze artikelen

Deze gaat over iets met een ABN AMRO CEO

Maar ook deze over een steunpakket

En deze over olie!

Tekstkader <fdmg-text-frame>

Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.

Een tekstkader is een beetje apart, want je kan er best veel mee.

K.K. Metal

K.K. Metal

Zo kan je bijvoorbeeld ook een afbeelding tonen. En je kan de tekst ook cursief of bold maken. Het is zelfs mogelijk om er een link te plaatsen.

Bijzonder niet?

Of wat dacht je ervan om de tekstkader anders te laten uitlijnen?

Rechts

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Woordkader <fdmg-stack-frame>

Maecenas faucibus mollis interdum.

Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Samenvatting <fdmg-summary>

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

  • Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit
  • Nulla vitae elit libero, a pharetra augue
  • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor

Linkblok <fdmg-related-link>

Lees ook

Profiel van president Tsai Ing-wen

LET OP: Deprecated! Maar dit element moet in verband met backwards compatibility nog steeds wel goed getoond worden.

Inline-HTML (Financiele Agenda)

Datum:Bedrijf/land:Betreft:
25 meiVKBankholiday - financiële markten gesloten
25 meiVSMemorial day - financiële markten gesloten
25 meiIFO-indexOndernemersklimaat Duitsland
26 meiRecticelAlg. jaarvergadering
26 meiAir France-KLMAlg. jaarvergadering
26 meiAdyenjaarvergadering webcast
27 meiExxonMobiljaarvergadering - webcast
27 meiHP Inctrading update Q2
28 meiLucas Bolsjaarcijfers
28 meiVan Lanschot Kempenjaarvergadering
28 meiMerck KGaAjaarvergadering - webcast
28 meiNN GroupAlg. jaarvergadering
28 meiDuitslandconsumentenprijsindex
29 meiCarrefourAlg. jaarvergadering
29 meiTotalAlg. jaarvergadering
29 meiEurostatflash inflatiecijfers eurozone mei
2 juniAgeasnotering ex-dividend
3 juniWal-Mart Storesjaarvergadering
3 juniHunter DouglasAlg. jaarvergadering
3 juniAB InBevjaarvergadering
4 juniSaint-GobainAlg. jaarvergadering
4 juniPhilipsbetaalbaarstelling dividend
4 juniUnileverbetaalbaarstelling dividend Q1
4 juniHolland Coloursjaarcijfers
4 juniRemy Cointreaujaarcijfers
4 juniFastnedAlg. jaarvergadering
4 juniAgeasbetaalbaarstelling dividend
4 juniECBmonetaire vergadering ECB
5 juniIntertrustbetaalbaarstelling slotdividend
5 juniMin. van Arbeid VSnon-farm payroll
Bron: FD Research*=voorlopige datum