Možete napisati formulu u html za tablicu. Osnovni načini umetanja formula u HTML dokumente

29.03.2019 Zanimljiv

Vlad Merzhevich

Stvarno mi se ne sviđa MathML - glomazan je, nezgodan, suvišan i nije prikladan za ručno uređivanje. Pokušajte brzo promijeniti jedan znak u dugoj formuli i zamrzit ćete MathML. To je slučaj s TEX-om, stari Knuth je znao svoje stvari i napisao je sustav za sebe, kasnije je TEX postao de facto standard u znanstvenoj zajednici za pisanje formula. Ako ste upoznati s HTML-om i CSS-om, razumijevanje TEX-a neće biti teško; intuitivan je i ima sintaksu donekle sličnu ovim jezicima.

Međutim, ostaje problem kako formulu prikazati na stranici tako da bude ispravno prikazana u svim preglednicima. Najviše na univerzalan način slika i dalje ostaje, ali moramo automatizirati i pojednostaviti proces izrade slika, čemu su i namijenjene različite usluge, o čemu će biti riječi u nastavku.

LaTEX uređivač jednadžbi

Bolje je započeti svoje upoznavanje sa svijetom formula s ovom uslugom, budući da ima mali mrežni uređivač kroz koji možete razumjeti LaTEX - to je proširenje TEX sustava s istom sintaksom. Nakon što je formula unesena, rezultat se može vidjeti klikom na gumb “Render Equation” (slika 1).

Riža. 1. Prikaz urednika na stranici

Formula se dodaje na svoju stranicu putem oznake , kao što je prikazano u primjeru 1.

Formula u TEX formatu ubacuje se u adresu nakon upitnika i ispisuje se jedan red. Ako trebate povećati ili smanjiti veličinu slike, koriste se sljedeće ključne riječi.

\malo (veličina 8pt)
\malo (10pt)
\normalno (12pt)
\veliki (14pt)
\veliki (20pt)

Ključna riječ mora biti umetnuta prije formule kao što je prikazano u nastavku.

Na stranici tako uvećana formula izgleda ovako (slika 2).

Riža. 2. Formula na stranici

Google

Nažalost, Google je prestao podržavati ovaj servis, a njegova daljnja sudbina je nepoznata, ali za sada nastavlja normalno raditi i može se koristiti.

Princip umetanja formule isti je kao kod prethodne usluge. Koristimo oznaku a kao adresu upućujemo na Google servis i prosljeđujemo mu formulu u TEX formatu. Sama adresa je u opći pogled napisano je ovako.

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

Primjer 2 prikazuje zbrajanje formule normalne distribucije.

$f(x)= \frac{1}{\sigma\sqrt{2\pi}} \exp\left(-\frac{(x-\mu)^2}{2\sigma^2}\right)$

Za promjenu veličine formule možemo koristiti ključne riječi\mali, \veliki, itd., dodajući ih prije izraza. Google također ima još jedan način za kontrolu veličine slike; da biste to učinili, morate dodati parametar chs=x njenoj adresi, na primjer chs=200x20. Imajte na umu da se proporcije slike mogu znatno izobličiti ako odaberete pogrešan omjer slike. Jedini parametar (chs=40) percipira se kao visina slike, širina će se automatski izračunati (primjer 3).

Primjer 3: Veličina slike

$E=mc^2$

Slika formule visine 40 piksela prikazana je na sl. 3.

Riža. 3. Formula sa zadanom visinom

MathJax

Ako vaša stranica treba prikazati mnogo različitih formula i matematički simboli, onda ima smisla spojiti lokalnog MathJax biblioteka. Ova biblioteka radi u svim preglednicima, uključujući starije verzije IE-a, kao i na iPhoneu, iPadu i Androidu, te podržava MathML, TEX i AsciiMath notaciju.

Da biste koristili MathJax, morate preuzeti biblioteku i sve datoteke potrebne za njezin rad te ih kopirati na svoj poslužitelj. Možete to učiniti jednostavnije i preuzeti skriptu preko mreže, kao što je prikazano u nastavku.

Glavna JS datoteka zauzima oko 50 KB, ali tijekom rada učitava razne fontove i druge skripte. Rezultat je oko nekoliko stotina kilobajta. Čini se puno, ali moramo uzeti u obzir da se većina datoteka sprema u predmemoriju kada se prvi put preuzimaju, a sljedeći put kada se datoteke ne preuzimaju.

Prema zadanim postavkama, formule su označene pomoću konstrukcije $$...$$ i \[...\], a mala slova i izrazi označeni su pomoću $...$ (primjer 4).

Primjer 4: Korištenje MathJaxa

MathJax

Kada $a \ne 0$ dobivamo dva korijena jednadžbe $ax^2 + bx + c = 0$, za pronalaženje kojih koristimo formulu $$(x)_(1,2) = (- b \pm \ sqrt(b^2-4ac) \preko 2a).$$

Proizlaziti ovaj primjer prikazano na sl. 4.

Riža. 4. Formule na stranici

Ako kliknete na formulu desni klik miša, otvorit će se izbornik kroz koji možete konfigurirati neke parametre i pogledati izvor u obliku TEX-a ili MathML-a (Slika 5).

Riža. 5. Kontekstni izbornik

MathJax vam omogućuje uključivanje matematičke formule na web stranice koristeći oznake LaTeX, MathML ili AsciiMath, nakon čega će formule obraditi biblioteka javascripta i pretvoriti u HTML, SVG ili MathML za prikaz u bilo kojem modernom pregledniku.

Trenutno vam MathJax omogućuje korištenje kopije ove biblioteke na vlastiti poslužitelj, i verziju biblioteke s CDN-a cdn.mathjax.org:

Konfiguracija TeX-AMS-MML_HTMLorMML jedna je od najčešćih (i stoga najvećih) konfiguracijskih datoteka. Iako korištenje ove konfiguracije možda neće biti učinkovito, ovdje je navedeno kako bi to omogućilo. brzi početak koristeći MathJax.

Brza referenca

Budući da mi se LaTeX označavanje činilo sažetijim, u nastavku su opisana samo pitanja o njegovoj upotrebi pri radu s MathJaxom:

da vidite kako je bilo koja od formula napisana, desnom tipkom miša kliknite na izraz i odaberite "Prikaži matematiku kao > TeX naredbe" (znakovi za razdvajanje nisu prikazani);

da biste formulu prikazali u zasebnom bloku, stavite je u razdjelnike $$...$$ ili \[...\] \[\sum_(i=0)^n i^2 = \frac((n^2+ n)( 2n+1))(6)\]

Za prikaz formule unutar retka, stavite je u razdjelnike $...$ . Na primjer, $\sum_(i=0)^n i^2 = \frac((n^2+n)(2n+1))(6)$ . Imajte na umu da razdjelnici $...$ nisu podržani prema zadanim postavkama jer se pojedinačni znakovi dolara mogu pojaviti u tekstu i uzrokovati neispravno pretvaranje teksta u formulu;

za prikaz slova grčkog alfabeta koristite \alpha , \beta , …, \omega: $\alpha$ , $\beta$ , …, $\omega$ . Za velika slova koristite \Gamma , \Delta , …, \Omega: $\Gamma$ , $\Delta$ , …, $\Omega$ ;

za indekse i indekse koristite ^ i _. Na primjer, x_i^2: $x_i^2$ ;

grupe . Indeks i indeks te druge operacije primjenjuju se samo na sljedeću "skupinu". "Grupa" je ili jedan simbol ili bilo koja formula uvrštena u njega naramenice(...) . Ako napravite 10^10 , iznenada ćete dobiti $10^10$ . Ali 10^(10) će vam vjerojatno dati ono što ste htjeli: $10^(10)$ . Upotrijebite vitičaste zagrade za označavanje formule koja primjenjuje velika ili mala slova: x^5^6 će uzrokovati pogrešku; (x^y)^z odgovara $(x^y)^z$ , a x^(y^z) odgovara $x^(y^z)$ . Primijetite razliku između x^i^2 $x_i^2$ i x_(i^2) $x_(i^2)$ ;

zagrade . Pojedinačni znakovi () stvaraju zagrade i uglate zagrade $(2+3)$ . Koristite $ i $ za prikaz vitičastih zagrada $\($\) .
Gore opisane zagrade ne skaliraju se s formulom. To jest, ako ispišete (\frac(\sqrt x)(y^3)) , okrugle zagrade bit će premali: $(\frac(\sqrt x)(y^3))$ . Upotreba \left(i \right) automatski će prilagoditi veličinu zagrada veličini formule koju okružuju: \left(\frac(\sqrt x)(y^3)\right) odgovara $\left(\ frac(\sqrt x)(y^3)\desno)$ . \left i \right primjenjuju se na sve sljedeće tipove zagrada: (i) $\left(x\right)$ , [ i ] $\left$ , $ i $ $\left\( x\ desno$\) , | $\lijevo|x\desno|$ , \langle i \rangle $\lijevo\langle x\desno\rangle$ , \lceil i \rceil $\lijevo\lceil x\desno\rceil$ , i \lpod i \rpod $\lijevo\lpod x\desno\rpod$ .
Također su naznačene nevidljive zagrade. : \lijevo.\frac12\desna\rbrace odgovara $\lijevo.\frac12\desna\rbrace$ ;

sume i integrali \sum i \int ; indeks odgovara donjoj granici, a superskript gornjoj granici. Na primjer, \sum_1^n $\sum_1^n$ . Ne zaboravite (...) ako se ograničenja sastoje od više od jednog znaka. Na primjer, \sum_(i=0)^\infty i^2 odgovara $\sum_(i=0)^\infty i^2$ . Slično \prod $\prod$ , \int $\int$ , \bigcup $\bigcup$ , \bigcap $\bigcap$ , \iint $\iint$ ;

razlomci Postoje dva načina za stvaranje razlomka. \frac ab se primjenjuje na sljedeće dvije grupe i generira sljedeće $\frac ab$ ; za složenije brojnike i nazivnike koristite (...) : \frac(a+1)(b+1) odgovara $\frac(a+1)(b+1)$ . Ako su brojnik i nazivnik presloženi, možete upotrijebiti \over , koji odvaja grupu u kojoj se nalazi: (a+1\preko b+1) odgovara $(a+1\preko b+1)$ ;

fontovi

koristite \mathbb ili \Bbb za podebljano za "crnu ploču": $\mathbb(CHNQRZ)$ ;
koristite \mathbf za podebljano: $\mathbf(ABCDEFGHIJKLMNOPQRSTUVWXYZ)$ $\mathbf(abcdefghijklmnopqrstuvwxyz)$ ;
koristite \mathtt za font "pisaćeg stroja": $\mathtt(ABCDEFGHIJKLMNOPQRSTUVWXYZ)$ $\mathtt(abcdefghijklmnopqrstuvwxyz)$ ;
koristite \mathrm za "Roman" font: $\mathrm(ABCDEFGHIJKLMNOPQRSTUVWXYZ)$ $\mathrm(abcdefghijklmnopqrstuvwxyz)$ ;
koristite \mathsf za sans-serif font: $\mathsf(ABCDEFGHIJKLMNOPQRSTUVWXYZ)$ $\mathsf(abcdefghijklmnopqrstuvwxyz)$ ;
koristite \mathcal za "kaligrafsko" pisanje: $\mathcal( ABCDEFGHIJKLMNOPQRSTUVWXYZ)$ ;
koristite \mathscr za "script" font (kao da je napisan rukom): $\mathscr(ABCDEFGHIJKLMNOPQRSTUVWXYZ)$ ;
koristite \mathfrak za font "Fraktur" (stari njemački stil): $\mathfrak(ABCDEFGHIJKLMNOPQRSTUVWXYZ) \mathfrak(abcdefghijklmnopqrstuvwxyz)$ ;

znakovi korijena. Koristite \sqrt , koji se prilagođava veličini argumenta: \sqrt(x^3) $\sqrt(x^3)$ ; \sqrt(\frac xy) $\sqrt(\frac xy)$ . Za složeni izrazi Poželjno je koristiti (...)^(1/2) ;

neke funkcije kao što su "lim", "sin", "max", "ln", itd. obično koriste "Roman" (roman) font umjesto "talijanskog" (kurziv) fonta. Koristite \lim , \sin itd. da dobijete nešto poput ovoga: \sin x $\sin x$ umjesto sin x $sin x$ . Koristiti indeksi za dodavanje dodatnih oznaka na \lim: \lim_(x\to 0) \[\lim_(x\to 0)\]

postoji također veliki broj Previše je posebnih znakova i oznaka da bismo ih ovdje naveli. Evo nekih od najčešće korištenih:

\lt \gt \le \ge \neq $\lt\, \gt\, \le\, \ge\, \neq$ . Možete koristiti \not za stavljanje kose crte na gotovo sve: \not\lt $\not\lt$ , ali to često izgleda ružno;
\times \div \pm \mp $\times\, \div\, \pm\, \mp$ . \cdot odgovara točki u središtu: $x \cdot y$ ;
\cup \cap \setminus \subset \subseteq \subsetneq \supset \in \notin \emptyset \varnothing $\cup\, \cap\, \setminus\, \subset\, \subseteq \,\subsetneq \,\supset \, \u\, \notin\, \emptyset\, \varnothing$ ;
(n+1 \odaberite 2k) ili \binom(n+1)(2k) $(n+1 \odaberite 2k)$ ;
\to \rightarrow \leftarrow \Rightarrow \Leftarrow \mapsto $\to\, \rightarrow\, \leftarrow\, \Rightarrow\, \Leftarrow\, \mapsto$ ;
\zemlja \ili \lnot \za sve \postoji \top \bot \vdash \vCrta $\zemlja\, \ili\, \lnot\, \zasve\, \postoji\, \top\, \bot\, \vdash \, \vcrtica$ ;
\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 \djelomično $\nabla\, \djelomično$ \Im \Re $\Im\, \Re$ ;
za modulo usporedbe koristite \pmod , na primjer, a\equiv b\pmod n $a\equiv b\pmod n$ ;
\ldots odgovara elipsi u $a_1, a_2, \ldots ,a_n$ ; \cdots odgovara elipsi u $a_1+a_2+\cdots+a_n$ ;
Neka grčka slova imaju oblik pisanja za predstavljanje varijable: \epsilon \varepsilon $\epsilon\, \varepsilon$, \phi \varphi $\phi\, \varphi$, itd. "Skriptirano" (napisano rukom) l in mala slova: \ell $\ell$ .

Detexify vam omogućuje crtanje znaka na web stranici, a zatim ispisuje $\TeX$ znakove koji sliče nacrtanom. Nije zajamčeno da će ovo raditi iu MathJaxu, ali jest dobro mjesto za početak traženja. Kako biste provjerili je li naredba podržana, pogledajte trenutni popis podržanih $\LaTeX$ naredbi na MathJax.org.

prostori . MathJax obično odlučuje kako koristiti razmake u formulama pomoću složenog skupa pravila. Ispis dodatnih razmaka u formulama neće promijeniti broj razmaka koje MathJax dodaje formuli: a␣b i a␣␣␣␣b odgovaraju $a b$ . Za dodavanje više razmaka koristite \, za uski razmak $a\,b$ ili \; za širok prostor $a\;b$ . \quad i \qquad odgovaraju veliki prostori$a\quad b$ , $a\qquad b$ .
Za korištenje običnog teksta koristite \text(...) : $\(x\in s\mid x\text( is extra large)$\) ;

naglasci i dijakritički znakovi. Koristite \hat za jedan znak $\hat x$ , \widehat za formulu $\widehat(xy)$ (ali ako znak učinite preširokim, izgledat će nespretno). Isto tako \bar $\bar x$ i \overline $\overline(xyz)$ , i \vec $\vec x$ i \overrightarrow $\overrightarrow(xy)$ i \overleftrightarrow \ ( \preko lijeve desne strelice (xy)\) . Za točke poput $\frac d(dx)x\dot x = \dot x^2 + x\ddot x$ koristite \dot i \ddot;

Posebni simboli, koji se koristi za interpretaciju MathJaxa, može se izbjeći pomoću znaka \: \$ $\$$ , $ \(\($ , \_ $\_$, itd. Ako trebate znak \ , trebali biste koristiti \obrnutu kosu crtu $\obrnutu kosu crtu$ jer \\ odgovara novom retku.

Prije HTML5 korištenje formula je bila prava kazna. Sudac za sebe: u 2005. bilo je potrebno imati pri ruci bilo poseban preglednik, ili podijeliti tekst u sam HTML i umetnuti iz slika ili PDF-a. Pretraživanje i drugi uređivački i/ili prikazno/papirski poslovi bili su dvosmislen zadatak, kojemu su posvećene čitave monografije.

2012. je već bilo jednostavnije. Sada je moguće spojiti potrebne dodatke (Firemath za FireFox i Daum Equation Editor za Chrome). Ali dvosmislenost standarda (i podrške) zapravo nas je natjerala da napišemo isti članak za svaki od preglednika (i za njihove verzije). Ili pozdravite korisnike čarobnim pozdravom "Vaš preglednik treba ažurirati/dodati proširenje."

Neudobno? - Da! Trebalo je puno vremena za traženje univerzalno rješenje? - Da! Tjera vas na razmišljanje koja je vrsta snimanja bolja (prezentacija ili sadržaj), koji pretvarač koristiti (a ima ih svega desetak koji su opće poznati)? - DA! DA! DA!

Kao rezultat toga, posao izdavaštva pretvorio se u svladavanje dva ili tri označna leksikona i proučavanje rada barem jednog programa za transkodiranje.

Sada, s pojavom HTML5, sve je postalo puno jednostavnije. U njemu je novi spremnik.
Svaka važeća instanca MathML-a mora biti unutar ovog spremnika.
Ne dopušta privitke, ali može biti unutra proizvoljan broj ostali podređeni elementi.

Atributi oznake Uz sljedeće atribute, oznaka prihvaća sve atribute iz .

klasa, id, stil
Predmet korištenja zajedno sa stilskim listovima.
red
Označava smjer formule: ltr - slijeva nadesno ili rtl - zdesna nalijevo.
ref
Koristi se za uspostavljanje hiperveze na navedeni URI.
matematička pozadina
Boja pozadine. Možete koristiti #rgb, #rrggbb i HTML nazive boja.
mathcolor
Boja teksta. Možete koristiti #rgb, #rrggbb i HTML nazive boja.
prikaz
Ovaj atribut specificira izlaznu metodu. Moguće vrijednosti:

blok - znači da će ovaj element biti prikazan izvan trenutnog raspona teksta, kao blok, koji se može postaviti bilo gdje bez promjene značenja teksta;
inline - znači da će se ovaj element pojaviti unutar trenutnog raspona teksta i ne može se pomaknuti iz njega bez promjene vrijednosti tog teksta.

Zadana vrijednost je inline.

Način rada

Možete napisati formulu u html za tablicu. Osnovni načini umetanja formula u HTML dokumente

Najbolji članci na temu