Monday, November 10, 2008

Preformatted text, Cross-browsing, HTML Text & SEO

I've not written an entry for a bit because I've been caught up in ... stuff, heh. In my absence I've discovered a few new things:

PREFORMATTED TEXT
Late last month I posted a blog that required me to show you code that I used in another website. Through a little creative trickery I think I got the point across, but it was definitely hard to follow, I'm sure. Since that time I've learned about Preformatted Text.

The issue in the entry that required showing the viewer the HTML code that I used for a website was that when I tried to write the code in this blogger window, the blogger window wanted to read the code instead of show it. To fix this, what you have to do is use &lt; in place of the < and &gt; in place of the >.

The following text is code that I've enclosed in &lt; and &gt; so that you can see it as written code:

<head>This is a sentence.</head>

Another way to display your code for viewers is to use a textbox like the following one:



CROSS-BROWSING
In my last entry I was concerned with the fact that sometimes my coding shows up fine in Opera but Firefox makes it look slightly different. I have found these two websites that help you see what a webpage will look like on different browsers (again, the a href tag doesn't work for me on blogger and I have no idea why so you'll have to copy and paste the link into your address bar until I can figure out why it doesn't work):

http://ipinfo.info/netrenderer/
http://browsershots.org/

In addition, I also found these two websites that will tell you if there are any errors in your (X)HTML code or your CSS, respectively:

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
HTML TEXT
Also in my last entry I wrote about my dismay when I discovered that when I visited the website from another computer the font defaulted to verdana and would not show up as the font I had used when designing the site, which was Boopee.

The reason other computers wouldn't show my chosen font is because the fonts are not embedded in the code but rather the code tells the computer system to search within itself to find the font. If the font is not installed on that particular computer system, the code tells it to resort to default fonts such as Arial, Verdana and Times New Roman.

Unfortunately the only way I can come up with to avoid this is to use images as the font instead of the font itself if you choose to use an off-the-wall font (like Boopee). However, if you use something like Verdana or Arial or Times New Roman it's highly unlikely you'll have this issue because most computers have these fonts installed.

SEO
SEO stands for Search Engine Optimization. According to wikipedia (such a fun word to say!), meta tags used to be the way to go for getting your website to come up as the #1 site when using an internet browser.

Because web developers have misused this system a new system using new calculus algorithms has been established. Now I get to research algorithms because I have no idea what the crap that is...although I suspect it's got a lot to do with patterns in numbers and such. We'll see.

No comments: