Εισαγωγή στο MathML - Η γλώσσα σήμανσης για το μαθηματικό

Το MathML είναι μια γλώσσα σήμανσης που μπορεί να χρησιμοποιηθεί εμφανίζουν μαθηματικές σημειώσεις. Μπορείτε να χρησιμοποιήσετε ετικέτες MathML απευθείας από HTML5. Είναι χρήσιμο όταν επιθυμείτε να εμφανίσετε περισσότερες από απλές σημειώσεις του Math στις ιστοσελίδες σας και είναι αρκετά εύκολο να το χρησιμοποιήσετε εξαιτίας του απλότητα και ομοιότητα με το HTML.

Το MathML έχει δύο τύπους σήμανσης. παρουσίαση (για διάταξη) και περιεχόμενο (για νόημα). Δεδομένου ότι μόνο το markup παρουσίασης υποστηρίζεται από προγράμματα περιήγησης, αυτός είναι ο μόνος τύπος σήμανσης που μπορεί να χρησιμοποιηθεί με HTML. Μπορείτε επίσης να χρησιμοποιήσετε το CSS και τη JavaScript σε αυτό ακριβώς όπως θα κάνατε σε HTML.

Ας ρίξουμε μια ματιά στο MathML.

Κατανόηση του MathML

Υπάρχει μια λίστα με τα υπάρχοντα στοιχεία MathML στον ιστότοπο του Mozilla Developer. Έχω επίσης αναφέρει τα στοιχεία που χρησιμοποιούνται στα παραδείγματα στο τέλος αυτής της ανάρτησης για γρήγορη αναφορά.

Το στοιχείο ανώτατου επιπέδου στο MathML είναι το $$ Όταν γράφετε τον κώδικα MathML στο HTML, θυμηθείτε να τα βάλετε μέσα στο $$ ετικέτες.

,,, είναι τα βασικά στοιχεία που αντιπροσωπεύουν ταυτότητα, χειριστή, αριθμό και συμβολοσειρά αντίστοιχα. Σημειώστε ότι όλα τα παρακάτω στοιχεία MathML αρχίζουν με το γράμμα 'm'.

Ακολουθούν μερικά απλά παραδείγματα.

Πώς να εμφανίσετε το Superscript & Subscript

ο στοιχείο είναι για την εμφάνιση υπερκείμενο. Υπάρχει ένα για τους δείκτες.

$n^7$ 

Πώς να εμφανίσετε τα κλάσματα

$\frac{7}{26}$ 

Πώς να εμφανίσετε ακέραια ρίζα

Ακολουθεί ένα ακόμη απλό παράδειγμα για την εμφάνιση των ακέραιων ρίζας.

$\sqrt[5]{\mathrm{<mo>-</mo>678}}$ 

Μόνο τετραγωνική ρίζα, υπάρχει .

Τώρα ας προχωρήσουμε σε πιο σύνθετες σημειώσεις, το πλέγμα.

Πώς να εμφανίσετε μια μήτρα

Για να κατασκευάσουμε μια μήτρα, θα χρειαστεί να έχουμε μια δομή πίνακα για σειρές και στήλες. Για αυτό, χρησιμοποιούμε , και .

Εκτός από αυτό, θα χρησιμοποιήσουμε το ετικέτες για να προσθέσετε τους χειριστές [ και ] γύρω από το πλέγμα, και τελικά τα βάζουμε όλα μέσα στο στοιχείο, ένα στοιχείο που ομαδοποιεί εκφράσεις.

Εδώ είναι το τελικό αποτέλεσμα:

$\left[\begin{array}{ccc}0& 4& 10\\ 5& 2& {\rm X}\\ 9& 11& 1\end{array}\right]$ 

Επίσης, ας ρίξουμε λίγο CSS για να ξεχωρίσουμε το «Χ» στη μήτρα.

mi χρώμα: κόκκινο;  

Πώς να εμφανίσετε ολοκληρωμένες εξισώσεις

Παρακάτω είναι ένα παράδειγμα βασικού τύπου ενσωματωμένης εξίσωσης. ο χρησιμοποιείται για να προσθέσετε τα όρια στο ολοκλήρωμα.

Όπως και με το HTML, το MathML έχει επίσης χαρακτήρες και οντότητες, ένα από το οποίο χρησιμοποιείται στο παράδειγμα για να δείξει το ελληνικό σύμβολο phi. Ακολουθεί ο τρόπος εμφάνισης της παραπάνω εξίσωσης:

$\mathrm{\phi ά}\left({\rm X}\right)=\int _{\mathrm{έ\nu \alpha }}^{\mathrm{\sigma \iota }}\kappa ({\rm X},t)\phi \left(t\right)\mathrm{\rho \epsilon }t$ 

Για μια λίστα των οντοτήτων χαρακτήρων MathML, κάντε κλικ εδώ για να τις βρείτε στο δικτυακό τόπο του W3C.

Χαρακτηριστικά MathML

Εκτός από τα χαρακτηριστικά που είναι τα ίδια με τα HTML (όπως ταυτότητα), Το MathML έχει επίσης ένα σύνολο από τα χαρακτηριστικά του. Ο ιστότοπος του Mozilla Developer διαθέτει μια συλλογή από χαρακτηριστικά MathML για την αναφορά σας. Για τα fallbacks, μπορείτε να χρησιμοποιήσετε τη βιβλιοθήκη JavaScript MathJax. Εάν χρειάζεστε περισσότερα εργαλεία, δείτε αυτό το σύνδεσμο εδώ.

Παίρνω την άδεια μου με αυτό το κωδικό που περιέχει όλα τα παραπάνω παραδείγματα, για εύκολη αναφορά.

Λίστα αναφοράς στοιχείων MathML