Γνωρίστε την γλώσσα MathML

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

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

Κατανόηση ΜathML

Υπάρχει μια λίστα των εντολών της ΜathML στην ιστοσελίδα Mozilla Developer. Μία λίστα με τις εντολές θα βρείτε και στο τέλος αυτού του άρθρου.

Ας δούμε όμως μερικά απλά παραδείγματα.

Εκθετικός Αριθμός (ή αριθμός εις τη δύναμη Ν)

$n^7$

$\frac{7}{26}$

Εμφάνιση ρίζας ακέραιου αριθμού

Να ένα ακόμη απλό παράδειγμα για την εμφάνιση μαθηματικών συναρτήσεων.

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

Τρόπος εμφάνισης Matrix

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

.

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

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

Επίσης, δείτε ότι παίξαμε λίγο με την CSS έτσι ώστε να κάνουμε κόκκινο τοι «Χ» για να ξεχωρίζει στη μήτρα.

mi {
    color:red;
}

Πως να εμφανίσετε εξισώσεις

Νομίζουμε ότι μπορούμε να πάνε ένα βήμα παρακάτω,  σε πιο προχωρημένα παραδείγματα, οπότε ας φτιάξουμε μία περίπλοκη εξίσωση. Στο παράδειγμά μας θα φτιάξουμε ένα ολοκλήρωμα (όσοι δεν ξέρετε τι είναι ολοκλήρωμα περιμένετε μέχρι την 3η Λυκείου). Η αντίστοιχη εντολή εδώ είναι η <mmultiscripts>

Όπως και στην HTML, η ΜathML έχει επίσης ειδικούς χαρακτήρες και σύμβολα, ένα εκ των οποίων χρησιμοποιείται στο παράδειγμα για να δείξει το Ελληνικό σύμβολο φ. Εδώ είναι ο κώδικας για να εμφανίσετε το παραπάνω ολοκλήρωμα:

$f\left(x\right)=\∫_a^{b}K(x,t)\mathrm{\φ}\left(t\right)dt$

Για μια λίστα με σύμβολα και ειδικούς χαρακτήρες της ΜathML μπορείτε να βρείτε στην ιστοσελίδα του W3C.

ΜathML Χαρακτηριστικά

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

Όλα τα παραπάνω παραδείγματα μπορείτε να τα ξαναδείτε συγκεντρωμένα παρακάτω. Δοκιμάστε τους διακόπτες HTML, CSS και Result: