Visualizzazione di formule matematiche in yandex. MathJax - libreria per la visualizzazione di formule matematiche (riferimento rapido)

MathJax ti consente di incorporare formule matematiche nelle pagine web utilizzando il markup LaTeX, MathML o AsciiMath, dopodiché le formule verranno elaborate da una libreria javascript e convertite in HTML, SVG o MathML per la visualizzazione in qualsiasi browser moderno.

Attualmente, MathJax ti consente di utilizzare come copia di questa libreria su proprio server e la versione della libreria dal CDN cdn.mathjax.org:

Configurazione TeX-AMS-MML_HTMLorMML è uno dei file di configurazione più comuni (e quindi più grandi). Sebbene l'uso di questa configurazione sia possibile e non efficace, ma qui è dato per la possibilità avvio rapido utilizzando MathJax.

Riferimento rapido

Poiché il markup LaTeX mi è sembrato più conciso, quanto segue descrive solo domande sul suo utilizzo quando si lavora con MathJax:

1. per vedere come sono scritte le formule, fare clic su clic destro passa il mouse sull'espressione e scegli "Mostra Math As> TeX Commands" (i caratteri separatori non vengono mostrati);
2. mostrare formule in un blocco separato racchiuderlo tra $$ ... $$ o \ [... \] delimitatori \ [\ sum_ (i = 0) ^ n i ^ 2 = \ frac ((n ^ 2 + n) (2n + 1)) (6) \]
3. mostrare formule all'interno di una stringa racchiuderlo tra \ (... \) delimitatori. Ad esempio, \ (\ sum_ (i = 0) ^ n i ^ 2 = \ frac ((n ^ 2 + n) (2n + 1)) (6) \)... Nota che i delimitatori $ ... $ non sono supportati per impostazione predefinita perché i singoli simboli del dollaro possono apparire nel testo e causare la conversione errata del testo in una formula;
4. mostrare lettere dell'alfabeto greco, usa \alpha, \beta, ..., \omega: \ (\alpha \), \ (\beta \), ..., \ (\omega \). Per le maiuscole utilizzare \ Gamma, \ Delta, ..., \ Omega: \ (\ Gamma \), \ (\ Delta \), ..., \ (\ Omega \);
5. per apici e pedici usa ^ e _. Ad esempio, x_i ^ 2: \ (x_i ^ 2 \);
6. gruppo... Apice, pedice e altre operazioni si applicano solo al "gruppo" successivo. Un "gruppo" è un singolo carattere o qualsiasi formula racchiusa tra bretelle(...). Se fai 10 ^ 10, otterrai inaspettatamente \ (10 ​​^ 10 \). Ma 10 ^ (10) probabilmente ti darà quello che volevi: \ (10 ​​^ (10) \). Usa le parentesi graffe per racchiudere una formula che applica maiuscole o minuscole: x ^ 5 ^ 6 genererà un errore; (x ^ y) ^ z corrisponde a \ ((x ^ y) ^ z \) e x ^ (y ^ z) corrisponde a \ (x ^ (y ^ z) \). Notare la differenza tra x ^ i ^ 2 \ (x_i ^ 2 \) e x_ (i ^ 2) \ (x_ (i ^ 2) \);
7. parentesi... I caratteri singoli () creano parentesi e parentesi \ ((2 + 3) \). Utilizzare \ (e \) per visualizzare le parentesi graffe \ (\ (\) \).
   Le parentesi sopra descritte non sono scalabili con la formula. Cioè, se digiti (\ frac (\ sqrt x) (y ^ 3)), parentesi tonde sarà troppo piccolo: \ ((\ frac (\ sqrt x) (y ^ 3)) \). L'uso di \ left (e \ right) ridimensionerà automaticamente le parentesi alla dimensione della formula che racchiudono: \ left (\ frac (\ sqrt x) (y ^ 3) \ right) corrisponde \ (\ sinistra (\ frac (\ sqrt x) (y ^ 3) \ destra) \)... \ sinistra e \ destra si applicano a tutti i seguenti tipi di parentesi: (e) \ (\ sinistra (x \ destra) \), [e] \ (\ sinistra \), \ (e \) \ (\ sinistra \ (x \ destra \) \), | \ (\ sinistra | x \ destra | \), \ langle e \ ranle \ (\ sinistra \ langle x \ destra \ rangle \), \ lceil e \ rceil \ (\ left \ lceil x \ right \ rceil \), e \ lfloor e \ rfloor \ (\ sinistra \ lfloor x \ destra \ rfloor \).
   Ci sono anche parentesi invisibili indicate da. : \ left. \ frac12 \ right \ rbrace corrisponde \ (\ sinistra. \ frac12 \ destra \ rbrace \);
8. somme e integrali\ somma e \ int; il pedice corrisponde al limite inferiore, e apice- il limite superiore. Ad esempio, \ sum_1 ^ n \ (\ sum_1 ^ n \). Non dimenticare (...) se i limiti sono più di un carattere. Ad esempio, \ sum_ (i = 0) ^ \ infty i ^ 2 corrisponde a \ (\ sum_ (i = 0) ^ \ infty i ^ 2 \). Allo stesso modo \ prod \ (\ prod \), \ int \ (\ int \), \ bigcup \ (\ bigcup \), \ bigcap \ (\ bigcap \), \ iint \ (\ iint \);
9. frazioni... Ci sono due modi per creare una frazione. \ frac ab si applicherà ai due gruppi successivi e genererà il seguente \ (\ frac ab \); per numeratori e denominatori più complessi, utilizzare (...): \ frac (a + 1) (b + 1) corrisponde a \ (\ frac (a + 1) (b + 1) \). Se numeratore e denominatore sono troppo complessi, puoi usare \ over, che separa il gruppo in cui si trova: (a + 1 \ over b + 1) corrisponde a \ ((a + 1 \ over b + 1) \);
10. caratteri
    • usa \ mathbb o \ Bbb per il grassetto della lavagna: \ (\ mathbb (CHNQRZ) \);
    • usa \ mathbf per il grassetto: \ (\ mathbf (ABCDEFGHIJKLMNOPQRSTUVWXYZ) \) \ (\ mathbf (abcdefghijklmnopqrstuvwxyz) \);
    • usa \ mathtt per il carattere "macchina da scrivere": \ (\ mathtt (ABCDEFGHIJKLMNOPQRSTUVWXYZ) \) \ (\ mathtt (abcdefghijklmnopqrstuvwxyz) \);
    • usa \ mathrm per il carattere "romano": \ (\ mathrm (ABCDEFGHIJKLMNOPQRSTUVWXYZ) \) \ (\ mathrm (abcdefghijklmnopqrstuvwxyz) \);
    • usa \ mathsf per il carattere sans serif: \ (\ mathsf (ABCDEFGHIJKLMNOPQRSTUVWXYZ) \) \ (\ mathsf (abcdefghijklmnopqrstuvwxyz) \);
    • usa \ mathcal per l'ortografia "calligrafica": \ (\ matematica (ABCDEFGHIJKLMNOPQRSTUVWXYZ) \);
    • usa \ mathscr per un font "script" (come se fosse scritto a mano): \ (\ mathscr (ABCDEFGHIJKLMNOPQRSTUVWXYZ) \);
    • usa \ mathfrak per il carattere "Fraktur" (vecchio stile tedesco): \ (\ mathfrak (ABCDEFGHIJKLMNOPQRSTUVWXYZ) \ mathfrak (abcdefghijklmnopqrstuvwxyz) \);
11. segni di radice... Usa \ sqrt, che si adatta alla dimensione dell'argomento: \ sqrt (x ^ 3) \ (\ sqrt (x ^ 3) \); \ sqrt (\ frac xy) \ (\ sqrt (\ frac xy) \). Per espressioni complesse preferibile utilizzare (...) ^ (1/2);
12. alcuni funzioni come "lim", "sin", "max", "ln", ecc., di solito usano il carattere "roman" (dritto) invece di "italian" (corsivo). Usa \ lim, \ sin, ecc. per ottenere qualcosa come \ sin x \ (\ sin x \), non sin x \ (sin x \). Usa i pedici per allegare etichette aggiuntive a \ lim: \ lim_ (x \ a 0) \ [\ lim_ (x \ a 0) \]
13. esiste anche un gran numero di personaggi speciali e designazioni per elencarli tutti qui. Alcuni dei più comunemente usati sono:
    • \ lt \ gt \ le \ ge \ neq \ (\ lt \, \ gt \, \ le \, \ ge \, \ neq \)... Puoi usare \ not mettere una barra in avanti su quasi tutto: \ not \ lt \ (\ not \ lt \), ma spesso sembra brutto;
    • \ times \ div \ pm \ mp \ (\ times \, \ div \, \ pm \, \ mp \). \ cdot corrisponde al punto centrale: \ (x \ cdot y \);
    • \ cup \ cap \ setminus \ subset \ subseteq \ subsetneq \ supset \ in \ notin \ emptyset \ varnothing \ (\ cup \, \ cap \, \ setminus \, \ subset \, \ subseteq \, \ subsetneq \, \ supset \, \ in \, \ notin \, \ emptyset \, \ varnothing \);
    • (n + 1 \ scegli 2k) o \ binom (n + 1) (2k) \ ((n + 1 \ scegli 2k) \);
    • \ a \ freccia destra \ freccia sinistra \ freccia destra \ freccia sinistra \ mapsto \ (\ a \, \ freccia destra \, \ freccia sinistra \, \ freccia destra \, \ freccia sinistra \, \ mapsto \);
    • \ land \ lor \ lnot \ forall \ esiste \ top \ bot \ vdash \ vDash \ (\land \, \ lor \, \ lnot \, \ forall \, \ exist \, \ top \, \ bot \, \ vdash \, \ vDash \);
    • \ star \ ast \ oplus \ circ \ bullet \ (\ star \, \ ast \, \ oplus \, \ circ \, \ bullet \);
    • \ approx \ sim \ simeq \ cong \ equiv \ prec \ (\ approx \, \ sim \, \ simeq \, \ cong \, \ equiv \, \ prec \);
    • \ infty \ aleph_0 \ (\ infty \, \ aleph_0 \) \ nabla \ parziali \ (\ nabla \, \ parziali \) \ Im \ Re \ (\ Im \, \ Re \);
    • per i confronti modulari utilizzare \ pmod, ad esempio a \ equiv b \ pmod n \ (a \ equiv b \ pmod n \);
    • \ ldots trova i puntini di sospensione in \ (a_1, a_2, \ ldots, a_n \); \ cdots trova i puntini di sospensione in \ (a_1 + a_2 + \ cdots + a_n \);
    • alcune lettere greche hanno un'ortografia per una variabile: \ epsilon \ varepsilon \ (\ epsilon \, \ varepsilon \), \ phi \ varphi \ (\ phi \, \ varphi \), ecc. "Script" (scritto a mano) l in minuscolo: \ ell \ (\ ell \).

    Detexify ti permette di disegnare un carattere su una pagina web e quindi elenca i caratteri \ (\ TeX \) che assomigliano a quello disegnato. Non è garantito che funzioni anche in MathJax, ma lo è un buon posto per iniziare la ricerca. Per verificare se un comando è supportato, vedere l'elenco corrente dei comandi \ (\ LaTeX \) supportati su MathJax.org.

14. lacune... MathJax di solito decide da solo come utilizzare gli spazi nelle formule utilizzando un insieme complesso di regole. La stampa di spazi extra nelle formule non cambierà il numero di spazi che MathJax aggiunge alla formula: a␣b e a␣␣␣␣b corrispondono a \ (a b \). Per aggiungere più spazi, usa \, per spazi stretti \ (a \, b \) o \; per uno spazio ampio \ (a \; b \). \quad e \qquad corrispondono grandi lacune\ (a \ quad b \), \ (a \ qquad b \).
    Per usare il testo normale, usa \ testo (...): \ (\ (x \ in s \ mid x \ text (è extra large) \) \);
15. accenti e segni diacritici... Usa \ hat per il singolo carattere \ (\ hat x \), \ widehat per la formula \ (\ widehat (xy) \) (ma se fai il carattere troppo largo sembrerà ridicolo). Allo stesso modo, \ bar \ (\ bar x \) e \ overline \ (\ overline (xyz) \) e \ vec \ (\ vec x \) e \ overrightarrow \ (\ overrightarrow (xy) \) e \ overleftrightarrow \ ( \overleftrightarrow (xy) \). Per punti come \ (\ frac d (dx) x \ punto x = \ punto x ^ 2 + x \ ddot x \), usa \ punto e \ ddot;
16. i caratteri speciali usati per interpretare MathJax possono essere schermato usando \: \ $ \ (\ $ \), \ (\ (\ (\), \ _ \ (\ _ \), ecc. Se vuoi il \, devi usare \ barra rovesciata \ (\ barra rovesciata \) , poiché \\ corrisponde a una nuova riga.

Prima di HTML5, usare le formule era una punizione. Giudicate voi stessi: nel 2005 era necessario avere entrambi browser speciale o dividere il testo in HTML effettivo e inserirlo da immagini o PDF. La ricerca e altre operazioni di editing e/o visualizzazione sullo schermo/carta era un compito ambiguo, al quale erano dedicate intere monografie.

Nel 2012 era già più facile. Ora puoi collegare i plugin necessari (Firemath per FireFox e Daum Equation Editor per Chrome). Ma l'ambiguità degli standard (e del supporto) ha effettivamente costretto a scrivere lo stesso articolo per ciascuno dei browser (e per le loro versioni). Oppure saluta gli utenti con un magico saluto "Il tuo browser deve essere aggiornato/integrato con un'estensione".

Sconveniente? - Sì! Ci è voluto molto tempo per trovarlo soluzione unica? - Sì! Ti fa pensare a quale tipo di registrazione è migliore (presentazione o contenuto), quale convertitore usare (e ce ne sono solo una dozzina e mezzo di quelli più conosciuti)? - SÌ! SÌ! SÌ!

Di conseguenza, il lavoro di pubblicazione si è trasformato nella padronanza di due o tre lessici di markup e nello studio del lavoro di almeno un programma di transcodifica.

Ora, con l'arrivo di HTML5, le cose sono diventate molto più semplici. Ha un nuovo contenitore $.$
Ogni istanza MathML valida deve essere all'interno di questo contenitore.
Non consente allegati, ma all'interno potrebbe esserci numero arbitrario altri bambini.

Attributi dei tag

Oltre ai seguenti attributi, il tag $accetta\; qualsiasi\; attributo\; da\; ">.$

classe, id, stile
Se usato insieme ai fogli di stile.
dir
Specifica la direzione della formula: ltr - da sinistra a destra o rtl - da destra a sinistra.
rif
Utilizzato per impostare un collegamento ipertestuale all'URI specificato.
sfondo matematico
Colore di sfondo. Puoi usare i nomi dei colori #rgb, #rrggbb e HTML.
colore matematico
Colore del testo. Puoi usare i nomi dei colori #rgb, #rrggbb e HTML.
Schermo
Questo attributo definisce il metodo di output. Valori possibili:

• bloccare- significa che questo elemento verrà visualizzato al di fuori dell'intervallo di testo corrente, come un blocco che può essere posizionato ovunque senza modificare il significato del testo;
• inline significa che questo elemento verrà visualizzato all'interno dell'intervallo di testo corrente e non può essere spostato al di fuori di esso senza modificare il valore di questo testo.

L'impostazione predefinita è in linea.

Modalità

Attributo di visualizzazione obsoleto.
I valori possibili sono display (che ha lo stesso effetto di display = "block") e inline.
straripamento
Determina il comportamento dell'espressione se il testo è troppo lungo per rientrare nell'intervallo di larghezza specificato.
Valori possibili: interruzione di riga (predefinito), scroll, elide, troncate, scale.

Esempi di

Presentazione in HTML5

${\mathrm{un}}^2+B^2=C^2$

Rappresentazione XHTML

${\mathrm{un}}^2+B^2=C^2$
Appunti: I documenti XHTML con MathML devono essere inviati come domanda / xhtml + xml. Puoi facilmente ottenere ciò aggiungendo l'estensione .xhtml per i file locali. Per i server Apache, puoi impostare il file .htaccess per questa estensione sul tipo MIME corretto. Poiché abbiamo salvato il nostro MathML come documento XML, dobbiamo essere sicuri che il documento XML sia ben formato.

Supporto browser

Supporto browser

Versioni complete

Elemento	Cromo	Firefox (Geco)	Internet Explorer	musica lirica	Safari
Descrizione XHTML	(solo 24°)	1.0 (1.7 e superiori)		9.5	5.1
Descrizione HTML5	(solo 24°)	4.0 (2.0)			5.1
dir		12.0 (12.0)
href	Bug WebKit 85733	7.0 (7.0)			Bug WebKit 85733
sfondo matematico	(solo 24°)	4.0 (2.0)			5.1
colore matematico	(solo 24°)	4.0 (2.0)			5.1
straripamento

Versioni mobili

Elemento	Android	Chrome per Android	Firefox Mobile (Geco)	IE Mobile	Opera Mobile	Safari mobile
Descrizione XHTML			1.0 (1.0)
Descrizione HTML5			4.0 (2.0)
dir			12.0 (12.0)
href			7.0 (7.0)
sfondo matematico			4.0 (2.0)
colore matematico			4.0 (2.0)
straripamento

Vlad Merzhevich

Non mi piace davvero il MathML: è ingombrante, scomodo, ridondante e non adatto per l'editing manuale. Prova a scambiare rapidamente un carattere in una formula lunga e odierai il MathML. È il caso di TEX, il vecchio Knut sapeva il fatto suo e ha scritto il sistema per se stesso, in seguito TEX è diventato lo standard de facto nella comunità scientifica per scrivere formule. Se hai familiarità con HTML e CSS, capire TEX non sarà difficile, è intuitivo e ha una sintassi in qualche modo simile a questi linguaggi.

È vero, il problema rimane come visualizzare la formula sulla pagina in modo che venga visualizzata correttamente in tutti i browser. Il modo più universale è ancora un'immagine, solo noi abbiamo bisogno di automatizzare e semplificare il processo di creazione di immagini, per il quale ci sono vari servizi, che saranno discussi di seguito.

Editor di equazioni LaTEX

È meglio iniziare la tua conoscenza del mondo delle formule con questo servizio, poiché ha un piccolo editor online attraverso il quale puoi capire LaTEX - questa è un'estensione del sistema TEX con la stessa sintassi. Dopo aver digitato la formula, è possibile visualizzare il risultato facendo clic sul pulsante "Render Equation" (Fig. 1).

Riso. 1. Vista dell'editor sulla pagina

La formula viene aggiunta alla tua pagina tramite il tag come mostrato nell'esempio 1.

La formula in formato TEX viene inserita nell'indirizzo dopo il punto interrogativo e viene scritta una riga. Se si desidera aumentare o diminuire la dimensione dell'immagine, vengono utilizzate le seguenti parole chiave.

• \ minuscolo (misura 8pt)
• \ piccolo (10pt)
• \ normale (12pt)
• \ grande (14pt)
• \ enorme (20pt)

La parola chiave deve essere inserita prima della formula come mostrato di seguito.

Sulla pagina, una formula così ingrandita appare così (Fig. 2).

Riso. 2. Formula sulla pagina

Google

Sfortunatamente, Google ha smesso di supportare questo servizio e il suo ulteriore destino è sconosciuto, ma finora continua a funzionare normalmente e può essere utilizzato.

Il principio di inserimento di una formula è lo stesso del servizio precedente. Usiamo il tag e come indirizzo ci riferiamo al servizio Google e gli passiamo la formula in formato TEX. L'indirizzo stesso è generalmente scritto come segue.

https://chart.googleapis.com/chart?cht=tx&chl=formula

L'esempio 2 mostra come aggiungere una formula di distribuzione normale.

Per ridimensionare la formula, possiamo utilizzare le parole chiave \ tiny, \ large, ecc. aggiungendole prima dell'espressione. Google ha anche un altro modo per controllare la dimensione dell'immagine, per questo è necessario aggiungere il parametro chs = al suo indirizzo<ширина>X<высота>, per esempio cat = 200x20. Si prega di notare che le proporzioni dell'immagine possono essere notevolmente distorte se si scelgono le proporzioni sbagliate. L'unico parametro (chs = 40) è percepito come l'altezza dell'immagine, e la larghezza verrà calcolata automaticamente (esempio 3).

Esempio 3. Dimensione dell'immagine

Un'immagine della formula alta 40 pixel è mostrata in Fig. 3.

Riso. 3. Formula con una data altezza

MathJax

Se il tuo sito deve visualizzare molte formule e simboli matematici diversi, allora ha senso connettere la libreria MathJax locale. Questa libreria funziona con tutti i browser, comprese le versioni precedenti di IE, nonché iPhone, iPad e Android, supporta la notazione MathML, TEX e AsciiMath.

Per utilizzare MathJax, devi scaricare la libreria e tutti i file necessari per il suo funzionamento e copiarli sul tuo server. Puoi farlo più facilmente e scaricare lo script sulla rete, come mostrato di seguito.

Il file JS principale è di circa 50 KB, ma durante il processo carica diversi tipi di carattere e altri script. Il risultato è di circa un paio di centinaia di kilobyte. Sembra molto, ma tieni presente che la maggior parte dei file viene memorizzata nella cache al primo download e la volta successiva i file non vengono più caricati.

Per impostazione predefinita, le formule vengono evidenziate utilizzando i costrutti $$ ... $$ e \ [... \] e i caratteri minuscoli e le espressioni tramite \ (... \) (esempio 4).

Esempio 4. Utilizzo di MathJax

Per \ (a \ ne 0 \), si ottengono due radici dell'equazione \ (ax ^ 2 + bx + c = 0 \), per trovare quali utilizzare la formula $$ (x) _ (1,2) = ( -b \ pm \ sqrt (b ^ 2-4ac) \ over 2a). $$

Il risultato di questo esempio è mostrato in Fig. 4.

Riso. 4. Formule sulla pagina

Se fai clic con il pulsante destro del mouse sulla formula, si aprirà un menu attraverso il quale puoi regolare alcuni parametri e vedere il sorgente sotto forma di TEX o MathML (Fig. 5).

Riso. 5. Menu contestuale

Ogni utente che voglia pubblicare sul Web un testo contenente formule matematiche o fisiche si trova di fronte al problema di inserire queste formule nei documenti HTML.
Come si può fare?
Consideriamo i 3 metodi più popolari:
Metodo 1: inserire formule sotto forma di immagini. Usando Word e Equazione Microsoft
Molto spesso, le formule sulle pagine HTML sono rappresentate in sotto forma di grafica(raster o vettoriale), ma questo metodo presenta ovvi svantaggi. Ad esempio, la formula del disegno è praticamente impossibile da modificare, e la sua qualità di stampa di solito lascia molto a desiderare.

Per formule semplici, che non richiedono l'uso di segni integrali, somme con limiti, frazioni composte, ecc., possono essere limitate alle medie di Parola.
Per una serie di pedici e apici seleziona il testo richiesto e vai alla voce di menu Formato > Carattere.
Da inserire nella formula greca e vari caratteri speciali, vai alla voce di menu Inserisci > Simbolo e seleziona il carattere che vuoi e simbolo. Come spazio durante la digitazione delle formule, dovresti usare il cosiddetto spazio indistruttibile, che può essere trovato nel menu Inserisci> Simbolo o usa combinazione speciale tasti premendo contemporaneamente Ctrl + Maiusc + Spazio.

Per un insieme di formule complesse, c'è l'editor di equazioni Microsoft, che è incluso in Microsoft Office... Nota che MS Equation non è sempre installato per impostazione predefinita ed è necessario occuparsi della sua presenza durante l'installazione. Editor di parole, quindi aggiungi il pulsante appropriato al menu dell'editor di Word per facilità d'uso. Dopodiché, per impostare le formule, basta cliccare sul pulsante oppure andare alla voce di menu Inserisci > Oggetto > Equazione Microsoft. Puoi anche chiamare offline l'editor delle formule.

Svantaggi Il primo metodo è la sua complessità, violazione dell'ordine di immissione della formula (ad esempio: prima le parentesi, poi l'espressione in esse), inoltre, le formule vengono percepite come un'immagine separata dal testo e, quando si cambia il carattere , può diventare sproporzionato rispetto ad esso.

Metodo 2: Inserimento di formule utilizzando il markup MathML.
Principio generale l'uso del MathMLèche le costruzioni matematiche sono incorporate in un normale documento HTML e (se il browserè programma speciale supporta questa specifica) sono adeguatamente riprodotti quando il documento viene scaricato dal web.

La prima cosa che incontri nel MathML e cosa rende data lingua markup da analoghi è l'uso di due modi per codificare le espressioni... Uno di questi si basa sul trasferimento diretto della sintassi della formula (presentazione), l'altro, al contrario, riflette la semantica dell'espressione (contenuto). In poche parole, il primo metodo trasmette la scrittura di una formula senza connessione con il suo significato, il secondo, al contrario, ne riflette il contenuto matematico.
Un esempio di scrittura in MathML:

Il risultato sarà la formula:

Svantaggi: non tutti i browser supportano "MathML"; uno studio approfondito di "MathML" è ingombrante e difficile per l'utente medio.

Metodo 3: inserire formule utilizzando il markup TeX.
Il suo creatore è Donald Knuth.
Sistema TeX - sistema tipografico, progettato per creare libri, soprattutto quelli con molti formule matematiche... Preparare un manoscritto in formato TeX significa dire al computer esattamente come trasformare il testo sulla pagina.
Sistema TeX non ha un proprio editor... Per il layout del file tex, puoi utilizzare qualsiasi editor, ad esempio Notepad o WinEdt, appositamente progettato per l'insieme di file TeXa. Il testo viene formattato utilizzando un sistema di tag simile ai tag HTML.
Se digitiamo la seguente riga

.

Necessitano Marcatura MathML a causa del fatto che formato HTML, nonostante le sue numerose e notevoli proprietà, ha abbastanza a opportunità limitate trasferimento di notazione matematica. Molto spesso, le formule sulle pagine HTML sono presentate sotto forma di grafica (raster o vettoriale), ma questo metodo presenta ovvi svantaggi. Ad esempio, una formula di disegno è quasi impossibile da modificare e la sua qualità di stampa di solito lascia molto a desiderare. Lo sviluppo delle idee ha portato alla creazione di un'intera famiglia di linguaggi di markup matematici, a cui appartiene il MathML.Gli sviluppatori si sono resi conto della profondità della problematica e hanno fissato l'obiettivo di creare una specifica che soddisfi i seguenti requisiti limitati, ma ancora piuttosto importanti:

ü facilità di apprendimento e composizione manuale notazione matematica di base

ü massima compatibilità con altri formati matematici, che deve essere assicurata dalle corrispondenti buste

ü la capacità di inviare formule a vari dispositivi terminali

ü supporto per l'estensibilità, ovvero l'introduzione di nuovi simboli, schemi.

Il principio generale dell'uso del MathML è che i costrutti matematici sono incorporati in un normale documento HTML e riprodotti quando il documento viene caricato dal web.

Il linguaggio MathML offre un sistema di notazione matematica flessibile ed estensibile che ti permette di interagire con programmi esterni e fornire una visualizzazione di alta qualità in vari media. Il principio generale dell'uso del MathML è di incorporare costrutti matematici in un documento XHTML/HTML.Ci sono tre modi per creare pagine web usando il MathML: HTML + MathML di presentazione, XHTML + MathML di presentazione, XML + MathML

Convertire espressioni matematiche ci sono molti utenze. Principali browser che supportano direttamente il MathML sono le ultime versioni Mozilla e le sue varietà. Molti altri browser supportano questo formato installando l'apposito plugin ... Inoltre, il MathML è supportato da major programmi per ufficio, ad esempio Microsoft Word e OpenOffice.org oltre che matematico prodotti software Per esempio, Matematica, acero. MathML - su molto potente e linguaggio universale formule di marcatura. Vero, edattivare formule (eleggi) abbastanza difficile. Il linguaggio MathML è costruito usando la tecnologia XML ei suoi tag sono usati per definire frammenti di formule.

Un esempio di descrizione di una formula semplice

$$

X

+

3

Esempio 2

Inserimento di formule in documenti html tramite markup TeX

TeXÈ un linguaggio di markup popolare utilizzato da molte persone, specialmente nel mondo della matematica, elaboratore di testi, sistema di formattazione dei documenti.

Il pacchetto consente di automatizzare molte attività di digitazione e preparazione di articoli, inclusa la digitazione in più lingue, la numerazione di sezioni e formule, i riferimenti incrociati, il posizionamento di illustrazioni e tabelle su una pagina, la manutenzione della bibliografia, ecc.

Le formule in LaTeX vengono digitate usando squadre speciali... Ad esempio, la formula perdistribuzione normale in LaTeX sarà simile a questo: \ frac (1) (\ sigma \ sqrt (2 \ pi)) \ exp \ left (- \ frac ((x- \ mu) ^ 2) (2 \ sigma ^ 2) \ Giusto)

e verrà visualizzato in questo modo:

Il codice sorgente della formula matematica è scritto all'interno del tag $...$ Gli spazi vengono ignorati (TeX li farà da solo). Righe vuote non sono consentiti.

Vantaggi di TEX:

• Le implementazioni del software TEX sono disponibili per quasi tutti i tipi di computer
• bassi requisiti per le risorse hardware (il PC IBM è sufficiente per il funzionamento computer compatibile con processore 286/386)
• portabilità testi di origine, (i risultati di formattazione, ovvero l'aspetto finale del documento, saranno identici per tutte le piattaforme)
• quando stampato, il testo è di qualità tipografica,
• un gran numero di implementazioni gratuite
• la capacità di preparare formule matematiche e di altro tipo di qualsiasi complessità che avranno un bell'aspetto una volta stampate, spendendo il minimo sforzo
• estensibilità (in base alla disponibilità comandi di base puoi crearne di tuoi, più complessi)

Una delle caratteristiche principali di TeX nel suo design era la capacità di reclutamento semplice formule matematiche.

Un insieme di formule complesse è molto più semplice e veloce degli editor "visivi" (M $ Equation, MathCAD). Ciò è particolarmente evidente quando è richiesto l'allineamento delle formule l'una rispetto all'altra, la numerazione e quando si utilizza la notazione matematica non standard.

Le formule sono supportate solo nella notazione TeX. Esempio:

notazione = 'TeX'> E = mc ^ 2

che sarà simile a questo:

Inserimento di formule in documenti html come immagini

Il modo più semplice è inserire formule come bitmap usando un tag img. L'immagine della formula può essere ottenuta manualmente (da editor visivo formule) e automaticamente. Le formule sono presentate come oggetti plug-in incorporati nel documento. Possono contenere frazioni semplici multilivello, lettere greche, matrici.