Print

Print


Dear all stat users

 

Earlier this month I sent the message below to allstat.  I received a variety of replies confirming that there is not a stand alone good html coding for creating the character for the sample mean which I wished. A big thank you to all who kindly replied.

 

 

Most of the suggestions pointed me to extension to html which could not be supported for universal use with my electronic system or were suggestive of a little overkill for one character.  I did try the suggestion made under reply 6 but the outcome looked a little out of place in the middle of the rest of my text.

 

In the end I used a simple draw facility to create the 'x-bar' symbol and was able to embed it in my text by capturing the image and pointing to it via a URL.  This was very easy to do and I was surprised to discover that the resultant character looked very pretty, much better than would have been possible had I used the Equation Editor in MS Word to create my image.

 

Necessity is the mother of invention!

 

 

 

 

Previous request of 13 October

=======================

 

I would be most grateful for suggestions on how best to code the conventional symbol for the sample mean (which I am taking to be a small x with a bar immediately above it) in the language of html.

 

At present, I am using the following approach:

 

<style type="text/css">
#overline {text-decoration: overline}
</style>
 <div id=overline>x,</div>

 

However, this tends to give a rather make-shift result, as the 'overline' tends to sit rather aloof from the x. Moreover, the character is forced onto a new line and therefore is not embedded in my sentence as wished.  

 

I have consulted several good html books and discovered that whilst listings of characters and codes are made for many characters including latin letters with circumflexes, the character I am after is not represented. 

 

I am learning html almost from scratch and expect that a more experienced user could offer some code which has worked for them in the past.  

 

An alternative approach would be to capture as an image the result of creating my desired character using an MS Word equation editor. However, this seems a little far fetched for just one character.

 

Thank you in advance for your suggestions.

 

Best wishes

 

Margaret

 

 

 

Reply 1

I don't think you can! I'm no expert on HTML either 

(and if there are any experts out there we'd love to be

 put right).


 


I've looked around a bit. There seems to be a consensus 

that you can't do much in the way of mathematical 

notation in standard HTML.


 


The nearest I've found -- which will only work in special


circumstances -- used a "proposed" extension to HTML called


"MATHML".


 


The syntax given there was


 


  <MATH><ABOVE>x</ABOVE></MATH>


 


with the caveat "Unfortunately most of the existing browsers do


not recognize the <MATH> tags, so you just get an x. The same


effect can be achieved in non<MATH> enabled browsers using a


<TABLE> construction; i.e.


 


  <TABLE><TH>_<BR>x</TH></TABLE>


 


which gives [display of x-bar on a separate line]"


 


See http://www2.sjsu.edu/faculty/watkins/html.htm


 


On my browsers (mozilla, firefox) the MATH did not work, and


the TABLE method put the x-bar on a new line, with the bar a


little too far above the x (just as described by Margaret).


 


I suspect, however, that the Opera browser does recognise MATH.


That's still no good, however, for people who don't use it!


 


The accented characters which are available in HTML at least


include those given as single entities in standard extended


ASCII character sets, such as iso-8859-1 which I'm using now,


and which your mail reader should render correctly, such as


 


á À å ç ê ï ø ü  (only a selection) along with some stand-alone


accents.


 


These correspond to single ASCII codes and are not composed as


composite characters. Combinations of letter and accent which


are not amongst those available (e.g. above) in the character


set do not exist in HTML.


 


So, unless it's already a standard single character, you


cannot get it in HTML. In particular (apart from what may be


possible using <MATH>...</MATH>) you can't instruct HTML to


place an arbitrary mark as an "accent" to some other mark.


 


So, although the requisite stand-alone accent is available


in the iso-8859-1 set at position 175, the "macron" accent


(¯), and you can indeed get it displayed in HTML by entering


 


  ¯


 


in your HTML, you can't as far as I can see instruct HTML


to display an "x" and then put a "¯" above it.


 


I agree that using Word + Equation Editor to get a bitmap


that you can import is overkill. And I'm personally no


admirer of the Equation Editor anyway. (Haven't we been


here before, and exactly on the "x-bar" topic? I recall that


pre-MedStats exchanges on this between Martin, John and me


about this were what first got us acquainted!)


 


Despite all this, I have two practical suggestions.


 


The first, for something as simple as x-bar, is simply to


write "x-bar". This will be readily understood, especially


if you initially explain that "x-bar stands for an x with a


bar over it; unfortunately this cannot be represented in


HTML so I'll just call it 'x-bar'".


 


The second is where you have occasion to use more than the


occasional mathematical symbol so that you need the reader


to see proper mathematical notation.


 


For web purposes, the ideal format for this is PDF. The


PDF display software Acrobat Reader is freely available


for most computer platforms from the Adobe website


 


  http://www.adobe.com


 


So you just put a link to a PDF file in your web page,


and if the person reading it has installed Acrobat Reader


then they can see it exactly as you intended, and also


print it out. Again, the can download and save the PDF


file, so can readily refer to it later. Nowadays I assume


that nearly everyone has Acrobat Reader available so I have


no qualms about sending them PDF files.


 


The main issue for this suggestion is creating the file


in PDF format in the first place.


 


You might use Word (with Equation Editor) to create a Word


document which displays the mathematics more or less as


you want it.


 


<ASIDE>People who want it really right, however, will use


software intended for formatting to precise typesetting


standards, such as TeX/LaTeX and groff which are both free,


and available for Windows and Unixoid systems, and commercial


products such as McKichan's "Scientific Word", which also


claims to be able to export the results directly to HTML


"with mathematics exported as graphics or as MathML."


 


For LaTeX and groff too there is the possibility to do it


this way, using embedded graphics for equations (e.g. a


program called LaTeX2HTML, which is another free program).


 


The advantage of using software which incorporates this


approach is that the user, while preparing the document,


simply types in whatever makes it look right on screen.


Then the ecporting to HTML is a single operation, and the


software takes care of embedding the graphics when required.


 


However, for the real thing the PDF route is the way to go.


There is no limit to the complexity of what can be represented


in PDF, and no limit to the precision with which it can be


represented. (Whether the software you used to create it can


match this, however, is another question).</ASIDE>


 


Suppose, then, that you have a suitable Word document.


I've heard (though not experienced) that recent versions of


Word can export to PDF (or there's a converter).


 


However, if not (or not in your case), then you can print


to file using one of the PostScript printer drivers


(e.g. Apple LaserPlus).


 


Now you have to convert the PostScript file to PDF. Adobe's


commercial Acrobat Distiller will do this (and is the "industry


standard" since both PostScript and PDF are Adobe's creations).


 


Free options include ghostscript (whose ps2pdf utility


does the job) and somewhat more refined programs which


are specialised for the job such as Frank Siegert's


PStill.


 


The resulting PDF file will display the mathematics as


well as (but probably no better than) it appeared in your


original Word document.


 


Hoping this helps -- and is not too discouraging!


 


 


Reply 2


 


Hi Margaret,


 


I think you might be unlucky with this one.


 


Here is an excellent webpage which covers some


html special characters:


 


http://www.xs4all.nl/~dimaroan/htl/characters.html#symbols


 


but if you want to generate some for yourself then open my


attachment and click the button. You will find 'mean a' at


number 257 and 'mean c' at 275, etc but only a few letters


are catered for.


 


I image one could devise a method using DHTML and the


div structure but then it would all get a bit too complicated.


 


 


Reply 3


 


HTML doesn't fit for this :(


The graphics approach (for the whole equation usually) is the best I've 


used


to get round it, but it's a poor solution. 


 


I should look to see if an of the Unicode fonts carry these symbols, 


but I


haven't yet and not yet worked out how to address them in html


 


 


Reply 4


 


The official list of characters available in html is at:


http://www.w3.org/TR/html4/sgml/entities.html#h-24.3


It seems that overline exists only as an independent character.


 


A natural solution is unicode which has combining diacriticals:


http://www.unicode.org/charts/PDF/U0300.pdf


 


Therefore, this should work:


 


<meta CONTENT="text/html CHARSET=UTF-8">


xÝ <!-- should be x overline -->


 


but I find it is not supported on my browser.


 


Never use MS Word equation editor.  It produces very poor quality 


typesetting.


If you want to use an image, tex2im produces far better results and is 


much easier to use:


http://www.nought.de/tex2im.php


 


Reply 5


 


I faced the same problem a few years ago when I first began putting together the on-line stats text

 

http://faculty.vassar.edu/lowry/webtext.html

 

After trying every HTML device I could figure out for X-bar, I finally gave up and simply used Latin letter M -- which for students is probably a better mnemonic for Mean than X-bar anyway.  For Greek-letter notations I resorted to usinng small images of the ones I chiefly needed:  lower-case mu, lower- and upper-case sigma, and lower-case chi.  There are other ways of doing Greek-letter notations, though they tended to give different results on different platform-browser combinations.  The real trick was in rendering complex formulaic structures in HTML.  I finally figured out it could be done via carefully crafted borderless tables.  The result is a bit clunky, though it gets the job done well enough.

 


 


Reply 6


 


Use <span> instead of <div>.  To get the bar from being so high, use  


a capital X and then reduce the font size.


 


That would come out to:


 


>> <style type="text/css">


>> #overline {text-decoration: overline}


>> </style>


>>  <span id=overline>x,</span>


 


 


Reply 7


 


Hi,


 


Probably overkill for that particular query but when I need to write 


maths


in html, I use a very useful cgi called mimeTeX:


http://www.forkosh.com/mimetex.html


Once installed, you simply write the LaTeX code as you usually would, 


and


the picture is generated on the fly. You can also leave it in the cache


(better if the page receives a lot of hits).


 


It's fairly easy to install and doesn't require TeX. Just ask your 


sysadmin


if you're having difficulties. The page also refers to other solutions.



---------------------------------
To help you stay safe and secure online, we've developed the all new Yahoo! Security Centre.

		
---------------------------------
How much free photo storage do you get? Store your holiday snaps for FREE with Yahoo! Photos. Get Yahoo! Photos