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
Ecco alcuni semplici esempi.
Come visualizzare apice e pedice
Il
n 7
![](http://hideout-lastation.com/img/tech-design-tips/628/introduction-mathml-markup-language.jpg)
7 26
![](http://hideout-lastation.com/img/tech-design-tips/628/introduction-mathml-markup-language-2.jpg)
Ecco un altro semplice esempio per la visualizzazione di interi root.
- 6785
![](http://hideout-lastation.com/img/tech-design-tips/628/introduction-mathml-markup-language-3.jpg)
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
Oltre a questo, useremo il [
e ]
attorno alla matrice, e infine metterli tutti dentro il
Ecco il risultato finale:
[ 0 4 10 5 2 X 9 11 1 ]
Inoltre, aggiungiamo un po 'di CSS per far risaltare quella' X 'nella matrice.
mi {colore: rosso; }
![](http://hideout-lastation.com/img/tech-design-tips/628/introduction-mathml-markup-language-4.jpg)
Di seguito è riportato un esempio di un tipo base di equazione integrale. Il
![](http://hideout-lastation.com/img/tech-design-tips/628/introduction-mathml-markup-language-5.jpg)
f ( X ) = &Integrante; un B K ( X , t ) φ ( t ) d t
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 |
![OS X Lion: 10 Altre nuove funzionalità + scorciatoie da conoscere](http://hideout-lastation.com/img/tech-design-tips/935/os-x-lion-10-more-new-features-shortcuts-you-should-know.jpg)
OS X Lion: 10 Altre nuove funzionalità + scorciatoie da conoscere
L'ultimo sistema operativo di Apple per Mac, 10.7 o meglio conosciuto come OS X Lion è stato ufficialmente lanciato il 20 luglio 2011. Ma gli sviluppatori, incluso me stesso, hanno avuto una prima esperienza grazie ad Apple Developers Program.Secondo Apple, il nuovo sistema operativo da $ 29, 99 viene fornito con oltre 250 nuove funzionalità, tra cui alcune di rilievo come Mission Control, Auto Save, Launch Pad, tutte le nuove app di posta e alcune altre.O
![Come registrare la tassonomia personalizzata per gli utenti di WordPress [Consiglio WordPress]](http://hideout-lastation.com/img/tech-design-tips/654/how-register-custom-taxonomy.jpg)
Come registrare la tassonomia personalizzata per gli utenti di WordPress [Consiglio WordPress]
La funzione di tassonomia personalizzata è stata introdotta da WordPress 2.9. Ti consente di creare gruppi personalizzati per Post, Pagina e Tipi di post personalizzati.Supponi di creare un sito Web di elenchi di libri e di aver creato un tipo di post personalizzato per la pubblicazione dei libri . Usando la Tassonomia personalizzata, puoi creare una tassonomia personalizzata per questo, chiamato Genere .