Introduzione al MathML - Il linguaggio Markup per la matematica

Il MathML è un linguaggio di markup che può essere utilizzato per visualizzare le notazioni matematiche . Puoi utilizzare i tag MathML direttamente da HTML5. È utile quando vuoi mostrare più di semplici annotazioni di matematica nelle tue pagine web, ed è abbastanza facile da usare per la sua semplicità e somiglianza con l'HTML .

Il MathML ha due tipi di markup; presentazione (per il layout) e il contenuto (per il significato). Poiché solo il markup di presentazione è supportato dai browser, questo è l'unico tipo di markup che può essere utilizzato con HTML. Puoi anche usare CSS e JavaScript su di esso proprio come faresti su HTML.

Diamo un'occhiata al MathML.

Comprendere il MathML

C'è una lista di elementi MathML presenti nel sito web di Mozilla Developer. Ho anche elencato gli elementi usati negli esempi alla fine di questo post per una rapida consultazione.

L'elemento di primo livello in MathML è il $element,\; quando\; scrivi\; codice\; MathML\; nell\text{'}HTML,\; ricordati\; di\; inserirli\; all\text{'}interno\; di$ tag.$$

, , , sono gli elementi di base che rappresentano rispettivamente un identificatore, operatore, numero e stringa. Nota che tutti gli elementi del MathML di seguito iniziano con la lettera 'm'.

Ecco alcuni semplici esempi.

Come visualizzare apice e pedice

Il elemento è per la visualizzazione di apice. C'e 'un per i pedici.

$n^7$

Come visualizzare le frazioni

$\frac{7}{26}$

Come visualizzare i numeri interi root

Ecco un altro semplice esempio per la visualizzazione di interi root.

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

Per solo radice quadrata, c'è .

Passiamo ora alle notazioni più complesse, la matrice.

Come visualizzare una matrice

Per costruire una matrice, avremo bisogno di avere una struttura di tabella per righe e colonne. Per questo, usiamo , e .

Oltre a questo, useremo il tag per aggiungere gli operatori [ e ] attorno alla matrice, e infine metterli tutti dentro il elemento, un elemento che raggruppa le espressioni.

Ecco il risultato finale:

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

Inoltre, aggiungiamo un po 'di CSS per far risaltare quella' X 'nella matrice.

 mi {colore: rosso; } 

Come visualizzare equazioni integrali

Di seguito è riportato un esempio di un tipo base di equazione integrale. Il è usato per aggiungere i limiti all'integrale.

Come HTML, MathML ha anche personaggi ed entità, una delle quali è usata nell'esempio per mostrare il simbolo greco phi. Ecco come visualizzare l'equazione integrale sopra:

$f\left(X\right)=\&Integrante;_{\mathrm{un}}^{B}K(X,t)\phi \left(t\right)dt$

Per un elenco di entità di caratteri MathML, fare clic qui per trovarle sul sito Web W3C.

Attributi MathML

Oltre agli attributi che sono uguali a quelli di HTML (come l' id ), il MathML ha anche un set di propri attributi. Il sito per sviluppatori Mozilla ha una raccolta di attributi MathML come riferimento. Per le fallback, puoi utilizzare la libreria JavaScript MathJax. Se hai bisogno di più strumenti, controlla questo link qui.

Mi congedo con questa codepen contenente tutti gli esempi sopra, per la tua facile consultazione.

Elenco di riferimento di elementi MathML

Elementi	Definizione
$$	Elemento MathML di livello superiore
	Visualizza identificatori (variabili, costanti, nomi di funzioni)
	Visualizza valori letterali numerici
	Visualizza l'operatore
	Mostra la stringa letterale
	Allega un apice a una base
	Allega un indice a una base
	Utilizzato per visualizzare le frazioni
	Visualizza i radicali con gli indici
	Visualizza radice quadrata
	Visualizza una tabella o una matrice
	Fila di
	Colonna in
	Raggruppa sottoespressioni
	Utilizzato per aggiungere apice, pedice, presuperscript e presubscript

Google Rich Cards: migliora i risultati della ricerca per CTR e conversioni più elevate

Google Rich Cards è stato lanciato il 17 maggio 2016 attraverso un nuovo formato di marcatura che è in grado di visualizzare i contenuti (film e ricette fin da ora) in un modo più attraente e visivamente stimolante. L'obiettivo principale è fornire risultati di ricerca visivamente accattivanti per gli utenti.L&#

(Consigli tecnici e di design)

Come inviare risposte predefinite su Gmail [Quicktip]

Sei stanco di digitare e inviare le stesse e-mail tutti i giorni? Sai, quelli che contengono lo stesso messaggio, ad esempio una nota che ringrazia i candidati per richiedere un'apertura di lavoro o un'e-mail che pubblicizza le tue ultime tariffe pubblicitarie. In questo caso, l'utilizzo di CC e BCC non è un'opzione in quanto devi digitare i loro nomi per rendere le tue e-mail personalizzate.

(Consigli tecnici e di design)