CarolW
01-29-2005, 11:00 PM
I am having difficulties, haha! This is my first day trying to change all my pages from HTML 4.01 Transitional to Strict.
I'll skip my sob story about learning to use HTML-kit, but I got a little help with it, and I have a start - hey,
found the preferences on the TOOLBAR, instead of the menu
bar! (took me most of the day to find that, so I could specify character set(utf-8) and also a bit of what I want to go into a new file.
Then the trouble started <g>. I copied what I thought might work as strict from my current file, and afer a time, discovered, by the process of elimination, that my img specifications caused HTML-kit's plugin, Tidy.exe, to
change my document trom strict to transitional. Uh, oh!
I haven't yet been able to determine just what in my current code (transitional) doesn't pass the "strict" test.
Here are two examples: first, what DID pass the "strict" test (this will be a template for my main pages):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-us" dir="ltr">
<head>
<meta content="text/html; charset=utf-8" http-equiv=
"content-type">
<meta name="Author" content="Carol Whitney">
<link rev="made" href="mailto:cwhitney@islandnet.com">
<title>CW Main Page Template</title>
<meta name="description" content=
"Carol Whitney with Prancy the Cat, dogs Kwali and Kumbi, and Human Friends. Articles on dog-behavior,
calming signals, and their implications for caring for
dogs">
<meta name="keywords" content=
"Eye of doG, calming signals, observe dogs, dog-behavior,
dog training, clicker-training, dog photos, scenic photos">
<link rel="stylesheet" href="carolwstrict.css" type="text/css">
</head>
<body>
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="photosfront.htm">Photos</a></li>
<li><a href="articles.htm">Articles</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="contacts.htm">Contacts</a></li>
<li><a href="webinfo.htm">WebInfo</a></li>
<li><a href="guestbook.htm">Guestbook</a></li>
<li><a href="comments.htm">Feedback</a></li>
<li><a href="tests.htm">Tests</a></li>
<li><a href="sitemap.htm">SiteMap</a></li>
</ul>
</body>
</html>
I'll have to admit, though, that I cheated, because in fact,
my links aren't set up like that; they're all a single
list item, with non-break spaces between them, but I think,
as I mentioned somewhere yesterday, that would cause
problems for screen-readers. In effect, I did test them
with HTML-kit by using Tidy.exe on them, and it changed
things there, putting the most curious stuff (I couldn't
quite determine what it was, but it looked like pairs of
capital A's with spaces in-between, in place of the pairs
of " "s I had there.
Fortunately, though, I knew enough to cheat, so I stuck
those </li> end-tags in, as you see above, and I'll worry
about my preferred horizontal menu later, when I turn my
attention again to my external CSS file.
Here's the img code that causes HTML-kit to change my
document back to transitional:
<a href="index.htm"><img alt="Scene Seen" title="Scene Seen"
src="images/logos/cloghed.jpg" style="border: 0px; width:
90%; height: 100px;"></a>
It suddenly occurred to me that I thought I read somewhere,
sometime, something about mixing up images and links, so
perhaps referring to the W3C specs on links and anchors will
help me with that one.
But I thought maybe it was the embedded style information
that caused the problem, so I removed the link part of it,
and just left this:
<img alt="Scene Seen" title="Scene Seen" src="images/logos/
cloghed.jpg" style="border: 0px; width: 90%; height: 100px;
">
And STILL HTML-kit (Tidy) identified that as transitional.
Ouch! So then I took out the style information, and tried
this:
<img alt="Scene Seen" title="Scene Seen" src="images/logos/
cloghed.jpg">
And Tidy still identified that as transitional. Oh, maybe I
should take out the title? Argh! I tried it. Nope; no go;
Tidy still identified the document type as Transitional.
Does this mean that putting an image into a document forces
it out of being strict, so that it must be Transitional? I
didn't get the impression, from what I read at W3C, that
you can't put images into strict HTML 4.01 documents!
Help!
P.S. I've tried three times to use my Enter key to wrap code lines to prevent horizontal scrolling, and almost made it, but not quite - I mean, in this post, not in my code at home.
Sat, 29 Jan 2005 20:59:59
I'll skip my sob story about learning to use HTML-kit, but I got a little help with it, and I have a start - hey,
found the preferences on the TOOLBAR, instead of the menu
bar! (took me most of the day to find that, so I could specify character set(utf-8) and also a bit of what I want to go into a new file.
Then the trouble started <g>. I copied what I thought might work as strict from my current file, and afer a time, discovered, by the process of elimination, that my img specifications caused HTML-kit's plugin, Tidy.exe, to
change my document trom strict to transitional. Uh, oh!
I haven't yet been able to determine just what in my current code (transitional) doesn't pass the "strict" test.
Here are two examples: first, what DID pass the "strict" test (this will be a template for my main pages):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-us" dir="ltr">
<head>
<meta content="text/html; charset=utf-8" http-equiv=
"content-type">
<meta name="Author" content="Carol Whitney">
<link rev="made" href="mailto:cwhitney@islandnet.com">
<title>CW Main Page Template</title>
<meta name="description" content=
"Carol Whitney with Prancy the Cat, dogs Kwali and Kumbi, and Human Friends. Articles on dog-behavior,
calming signals, and their implications for caring for
dogs">
<meta name="keywords" content=
"Eye of doG, calming signals, observe dogs, dog-behavior,
dog training, clicker-training, dog photos, scenic photos">
<link rel="stylesheet" href="carolwstrict.css" type="text/css">
</head>
<body>
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="photosfront.htm">Photos</a></li>
<li><a href="articles.htm">Articles</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="contacts.htm">Contacts</a></li>
<li><a href="webinfo.htm">WebInfo</a></li>
<li><a href="guestbook.htm">Guestbook</a></li>
<li><a href="comments.htm">Feedback</a></li>
<li><a href="tests.htm">Tests</a></li>
<li><a href="sitemap.htm">SiteMap</a></li>
</ul>
</body>
</html>
I'll have to admit, though, that I cheated, because in fact,
my links aren't set up like that; they're all a single
list item, with non-break spaces between them, but I think,
as I mentioned somewhere yesterday, that would cause
problems for screen-readers. In effect, I did test them
with HTML-kit by using Tidy.exe on them, and it changed
things there, putting the most curious stuff (I couldn't
quite determine what it was, but it looked like pairs of
capital A's with spaces in-between, in place of the pairs
of " "s I had there.
Fortunately, though, I knew enough to cheat, so I stuck
those </li> end-tags in, as you see above, and I'll worry
about my preferred horizontal menu later, when I turn my
attention again to my external CSS file.
Here's the img code that causes HTML-kit to change my
document back to transitional:
<a href="index.htm"><img alt="Scene Seen" title="Scene Seen"
src="images/logos/cloghed.jpg" style="border: 0px; width:
90%; height: 100px;"></a>
It suddenly occurred to me that I thought I read somewhere,
sometime, something about mixing up images and links, so
perhaps referring to the W3C specs on links and anchors will
help me with that one.
But I thought maybe it was the embedded style information
that caused the problem, so I removed the link part of it,
and just left this:
<img alt="Scene Seen" title="Scene Seen" src="images/logos/
cloghed.jpg" style="border: 0px; width: 90%; height: 100px;
">
And STILL HTML-kit (Tidy) identified that as transitional.
Ouch! So then I took out the style information, and tried
this:
<img alt="Scene Seen" title="Scene Seen" src="images/logos/
cloghed.jpg">
And Tidy still identified that as transitional. Oh, maybe I
should take out the title? Argh! I tried it. Nope; no go;
Tidy still identified the document type as Transitional.
Does this mean that putting an image into a document forces
it out of being strict, so that it must be Transitional? I
didn't get the impression, from what I read at W3C, that
you can't put images into strict HTML 4.01 documents!
Help!
P.S. I've tried three times to use my Enter key to wrap code lines to prevent horizontal scrolling, and almost made it, but not quite - I mean, in this post, not in my code at home.
Sat, 29 Jan 2005 20:59:59