homepage Welcome to WebmasterWorld Guest from 54.161.175.231
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Changing font formatting within a word...
Can you have a large first letter in a word?
Robert Charlton




msg:562149
 5:37 am on Apr 20, 2001 (gmt 0)

I've wondered how changing font formatting within a word would affect search...

Something that's often done by designers to class up the look of a first word in the text on a page is to make the first letter larger, and sometimes in a slightly different color... as in:

[big]W[/big]idget solutions for the internet professional...

If "widget solutions" is my target phrase ;), how will the large "W" affect how search engines see the word?

 

Xoc




msg:562150
 7:08 am on Apr 21, 2001 (gmt 0)

[6]T[/6]he large W would have to have markup that is different from the rest of the word, something like this <p><big>W</big>idgit</p>. So the search engine is going to see the words "W" and "idget". You could search for "idget", though.

Robert Charlton




msg:562151
 4:53 pm on Apr 21, 2001 (gmt 0)

>>You could search for "idget", though.<<

...hanks.

tedster




msg:562152
 9:03 pm on Apr 21, 2001 (gmt 0)

>> [6]T[/6]he large W would have to have markup that is different from the rest of the word <<

[6]A[/6]lthough you can't count on very wide browser support at this time, there is a CSS pseudo-element for "first-letter" that allows manipulation of the initial letter from an external style sheet, instead of using in-line markup.

[6]M[/6]icrosoft began support with MSIE 5.5. Link [msdn.microsoft.com]

[6]N[/6]etscape did not offer support through 4.7, but version 6 "should", because this is CSS1. So there's hope for the future.

Xoc




msg:562153
 9:19 pm on Apr 21, 2001 (gmt 0)

Yeah, forgot about that. Unfortunately, it would not show up in the vast majority of browsers today. The CSS solution would give the spider "Widget".

Robert Charlton




msg:562154
 10:17 pm on Apr 21, 2001 (gmt 0)

So... if the designer and client were satisfied with the large first letter on newer browsers only, we could get away with this CSS approach...

Not to change the subject, I can't believe that I wasn't aware of the MSDN Online Web Workshop, [msdn.microsoft.com] a page of which Tedster linked to. On the Workshop default page I noticed a very sexy use of rollovers to control the appearance of what looks like plain HTML text, not graphics, on the page... and I noticed also that most of that text is not to be found in the source code. Can someone tell me briefly what they did? I assume, with regard to optimizing such a page, that only the text that appears on the default.asp page is visible to spiders, so this text that appears during the rollovers wouldn't be indexed (and those links, which don't contain href, would never be followed).

tedster




msg:562155
 11:18 pm on Apr 21, 2001 (gmt 0)

That is a sexy effect, and I'd like to know more myself.

The links are all pretty straight, like this:

<A HREF="/workshop/components/default.asp" ID="menu-1">Component Development</A>

I assume that the ID="menu-1" must be where the magic lives, but it's a devilish thing to sort it out.

I can see that it's MSIE only (Netscape gets a different page with no rolloevers and different copy) and the code calls a host of css and js files, so it looks like a project to untangle. Especially since the code is browser-specific. Makes me wonder what the spiders see!

There's one file with the intriguing name "stealth.js", but all it does is deal with old browsers.

There is a .css file called msdn-online/shared/comments/css/ie5.css that establishes the class (.clTeasers) for the rollover blurbs and defines their container.

I still can't find the source for the actual text in the rollover blurbs. /msdn-online/shared/js/navlinks.js looked promising, but no-go.

The rollover text isn't in the HTML source page, so you're right, the spiders won't index it either.

Xoc




msg:562156
 12:19 am on Apr 22, 2001 (gmt 0)

Wow! I just spent the last 20 minutes looking through all the JavaScript code. I still didn't identify where that text came from. I sure am glad I don't have to support that JavaScript! There are pages and pages of it. Not only that, they sniff out the browser server-side and pump down the appropriate page in the beginning based off your User-agent field. So with a different browser you would get a totally different experience.

This code has got to be very difficult to maintain.

Robert Charlton




msg:562157
 6:09 am on Apr 22, 2001 (gmt 0)

It really does look great, though. Maybe one of the most elegant rollovers I've seen. I wonder if the designer got stock options....

BoneHeadicus




msg:562158
 6:47 am on Apr 22, 2001 (gmt 0)

I think does what you're looking at there.

<script Language="Javascript">
<!-- Hiding

bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if (bname=="Netscape")
brows=true
else
brows=false
var x=0;
var link=new Array();

function dspl(msg,bgcolor,dtop,delft){
this.msg=msg;
this.bgcolor=bgcolor;
this.dtop=dtop;
this.dleft=delft;
}

// Put message here )

link[0]=new dspl('<RIGHT><Font face="Arial" color="#000000"size=2><B>blah blah blah</B></Font></RIGHT>','#FFFFFF',130,380)

link[1]=new dspl('<RIGHT><Font face="Arial" color="#000000"size=2><B>Blah blah blah</B></Font></RIGHT>','#FFFFFF',130,380)

// Do not edit anything below !!!!

function don(x){
if ((bname=="Netscape" && bversion>=4) ¦¦ (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows){
with(link[x]){
document.layers['linkex'].bgColor=bgcolor;
document.layers['linkex'].document.writeln(msg);
document.layers['linkex'].document.close();
document.layers['linkex'].top=dtop;
document.layers['linkex'].left=dleft;
}
document.layers['linkex'].visibility="show";
}
else{
with(link[x]){
linkex.innerHTML=msg;
linkex.style.top=dtop;
linkex.style.left=dleft;
linkex.style.background=bgcolor;
}
linkex.style.visibility="visible";
}
}
}

function doff(){
if ((bname=="Netscape" && bversion>=4) ¦¦ (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows)
document.layers['linkex'].visibility="hide";
else
linkex.style.visibility="hidden";
}
}

// done hiding -->
</script>

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved