Inleiding tot MathML - De markup-taal voor wiskunde
MathML is een opmaaktaal die kan worden gebruikt om wiskundige notaties weer te geven . U kunt MathML-tags rechtstreeks vanuit HTML5 gebruiken. Het is handig als u meer dan eenvoudige notaties van wiskunde in uw webpagina's wilt laten zien en het is vrij eenvoudig te gebruiken vanwege de eenvoud en gelijkenis met HTML .
MathML heeft twee soorten markeringen; presentatie (voor layout) en inhoud (voor betekenis). Omdat alleen de presentatie-opmaak door browsers wordt ondersteund, is dat het enige opmaaktype dat met HTML kan worden gebruikt. Je kunt er ook CSS en JavaScript op gebruiken, net als HTML.
Laten we eens naar MathML kijken.
MathML begrijpen
Er is een lijst met aanwezige MathML-elementen op de Mozilla-website voor ontwikkelaars. Ik heb ook de elementen vermeld die in de voorbeelden aan het einde van dit bericht worden gebruikt voor een snelle referentie.
Het element op het hoogste niveau in MathML is de
Hier zijn enkele eenvoudige voorbeelden.
Superscript en subscript weergeven
De
Hoe Fracties Weer te gevenn 7
Hoe root gehele getallen weergeven7 26
Hier is nog een eenvoudig voorbeeld voor het weergeven van root-getallen.
Voor alleen vierkantswortel, dat is het- 6785
Laten we nu verder gaan met meer complexe notaties, de matrix.
Hoe een matrix weer te geven
Om een matrix te construeren, moeten we een tabelstructuur hebben voor rijen en kolommen. Hiervoor gebruiken we
Afgezien daarvan gebruiken we de [
en ]
rond de matrix toe te voegen en ze uiteindelijk allemaal in de matrix te plaatsen
Dit is het eindresultaat:
[ 0 4 10 5 2 X 9 11 1 ]
Laten we ook een beetje CSS toevoegen om ervoor te zorgen dat die 'X' opvalt in de matrix.
mi {kleur: rood; }Hoe integrale vergelijkingen te tonen
Hieronder staat een voorbeeld van een basistype integrale vergelijking. De
f ( X ) = &Integraal; een b K ( X , t ) φ ( t ) d t
Klik hier voor een lijst met MathML-karakterentiteiten om ze te vinden op de W3C-website.
MathML-kenmerken
Naast attributen die hetzelfde zijn als die van HTML (zoals id
), heeft MathML ook een reeks eigen attributen. De Mozilla-website voor ontwikkelaars heeft een verzameling MathML-kenmerken voor uw referentie. Voor fallbacks kunt u de JavaScript-bibliotheek MathJax gebruiken. Als je meer tools nodig hebt, kijk dan hier.
Ik neem afscheid van deze codepen met alle bovenstaande voorbeelden, voor uw eenvoudige referentie.
Referentielijst van MathML-elementen
Elements | Definitie |
Element op het hoogste niveau MathML | |
Geeft ID's (variabelen, constanten, functienamen) weer | |
Geeft numeriek letterlijke weer | |
Geeft de operator weer | |
Toont letterlijke tekenreeks | |
Voegt een superscript toe aan een basis | |
Voegt een subscript toe aan een basis | |
Gebruikt om breuken weer te geven | |
Geeft radicalen weer met indexen | |
Geeft vierkantswortel weer | |
Geeft een tabel of matrix weer | |
Rij van | |
Kolom in | |
Groepen sub-uitdrukkingen | |
Gebruikt om superscript, subscript, presuperscript en presubscript toe te voegen |
Het Scooter Framework van Dropbox maakt Sass-ontwikkeling nog eenvoudiger
We weten allemaal over CSS-frameworks en de kracht die ze ontwikkelaars bieden. Maar hoe zit het met SCSS-frameworks die aansluiten op de Sass-workflow ?Er zijn niet veel van deze frameworks maar Scooter is een leuke uitzondering. Het wordt onderhouden door de mensen van Dropbox en het werkt net als een frontend UI-framework, maar met een waarschuwing: het is allemaal gebouwd op SCSS
PHP 7: 10 Dingen die je moet weten
Bent u een webontwikkelaar of een website-eigenaar? Draaien uw sites op PHP-enabled CMS zoals WordPress, Drupal, Joomla of Magento? Dan heb ik goed nieuws voor je: de feature-complete beta van de nieuwe PHP 7 is onlangs uitgebracht . De 7.0.0 major release bevat zoveel coole functies dat we besloten hebben om er een hele post aan te wijden