Meta tag doesn't validate in validator

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

arvgta

I'm aiming at 0 errors in the W3C validator on my homepage.
Right now I'm getting an error:

'document type does not allow element "meta" here' pertaining to the following code right at the beginning of the body:

see: http://4nf.org/

(I want a redirect to kick-in in case JavaScript is disabled)

What's the correct way to do that?

Thanks in advance and kind regards

rtrethewey

For most <!DOCTYPE>s, <meta> tags are only allowed in the <head> section. Move your code there.

Generally, I prefer not to automagically send users elsewhere with a <meta> refresh. If a page requires JavaScript, I prefer to issue a warning at the top of the page, give the user a plain link to escape, if necessary, and create any critical action elements with JavaScript instead of plain HTML so that the non-js browsers don't display any controls that won't work for those users.

TheAliveWinner

Yes, I also feel the same!

arvgta

Thank you both!

The code snippet was taken from Facebook. They've got it in the head.
If I put it in the head, I get 3 errors, due to the noscript tag and the meta tag.
Noscript, according to W3C should be in the body...

What do you do with the user, when he clicks the click (the escape).

Thanks very much!

rtrethewey

An escape route isn't always possible or practical if the entire site relies on JavaScript. Sometimes all you can do is to inform the user of the situation and let them find their own way out. There's no need to take extreme measures for non-js users. Relatively few users run with JavaScript disabled these days - somewhere in the single-digit percentage range from what I see and read. Do your best to accommodate them when you can, and you should be fine. Good luck!

coothead

Hi there arvgta,

have you considered doing it the other way round?

If you put this in your non javascript page...

[color=navy]
<script type="text/javascript">
function init(){
   location.href='http://4nf.org/'
 }
   window.addEventListener?
   window.addEventListener('load',init,false):
   window.attachEvent('onload',init);
</script>
[/color]

...those with javascript enabled will be redirected to your intended location.

coothead

arvgta

Thanks for all your feedback - wow!

I want to follow the example of Facebook, the snippet was adapted from there and I think they really do a good job for the non-JavaScript audience. I want to do the same, and am quite happy with my architecture.
All of the tag subtitution is now done in PHP and works well without JavaScript - no worries.

If I put the snippet in the head:

<noscript><meta http-equiv="refresh" content="0; URL=http://4nf.org/bo.php?u=http://4nf.org/" /></noscript>

...I get 3 errors

If I put it in the body there is only 1 error - pertaining to the meta tag, so I would reckon W3C sees this as a bit cleaner.

My question is really, if there is any way to get rid of the error.
(I need and want the redirect, just like Facebook does)

(Browsers seem to have no problem with the meta tag in the body)

coothead

Hi there arvgta,

what do you not like about my suggestion, which produces no validation errors?

coothead

arvgta

Hi coothead

your suggestion is much appreciated, would work and is elegant.
I read it carefully.

I just don't want to completely overhaul the architecture I'm happy with.

Your way, which is definitely a more classic way, the "default" page would be for the audience with JavaScript disabled - as I understand. Then in case JavaScript is enabled, I would jump to the "real" full breed page.

The main problem is, that the first and main URL would be very ugly
e.g.

http://4nf.org/bo.php?u=http://4nf.org/

Customers would have to place links to that page, which they surely don't want to...

If I understood that wrong, please let me know.

No, I'm following the FaceBook architecture:

"Default page" - assume JavaScript enabled
in case not - graceful descent to the escape page

My only worry is how to make the mentioned snippet validate.
I've been told not to worship the W3C validator too much.
Maybe I'll have to live with the error...

coothead

Hi there arvgta,

what is wrong with making the "non-javascript page" the default page - ( http://4nf.org/ ).

Then redirect...

[color=navy]<script type="text/javascript">
function init(){
   location.href='http://4nf.org/[color=red]your-javascript-page.php[/color]';
 }
   window.addEventListener?
   window.addEventListener('load',init,false):
   window.attachEvent('onload',init);
</script>
[/color]

coothead

arvgta

Hi Coothead,

difficult to explain.

At the end of the day, you'd have to have a close look at what I'm trying to serve:

http://4nf.org/n.js

...and achieve.

Of course, if you find an improvement or simplification in the architecture, I'd be very grateful!

arvgta

Hold on, I've got an idea Coothead, don't know, if that's what you meant:

I could do the following. Please note that this is cross-domain:

(my main client is "Öko Fakt" - http://www.oeko-fakt.de/)

Include an unconditional redirect to http://4nf.org/bo.php from that client page
Perform all tag substitution in PHP and include your formidable JS-snippet
In that snippet redirect back to the client page http://www.oeko-fakt.de/ and enjoy full JS and AJAX functionality!

What do you think of that architecture? Is it cleaner?

Thanks very much for the snippet!

coothead

Hi there arvgta,

what I meant was this:-

instead of having this address for your non-javscript page...

http://4nf.org/bo.php?u=http://4nf.org/index.php

...change it to this...

http://4nf.org/index.php

Then name your your desired destination page, which was http://4nf.org/index.php,
to let's say, for example, index1.php.

The script in http://4nf.org/index.php would then look like this...

[color=navy]<script type="text/javascript">
function init(){
   location.href='http://4nf.org/index1.php';
 }
   window.addEventListener?
   window.addEventListener('load',init,false):
   window.attachEvent('onload',init);
</script>
[/color]

The result being that http://4nf.org/ will always take your users to the appropriate page.

I hope that this now makes sense.

coothead

criterion9

Another thing to keep in mind arvgta, if you are automatically handling the processing with PHP you'll be showing to Google your links you were trying to hide...

arvgta

Hi Criterion9,

just in the case of Google, it seems it spiders both the condensed and the elaborate versions...

Google likes content, I suppose!

coothead

Hi there arvgta,

it is more than three months since your original post, and your page still does not validate. :eek:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F4nf.org%2Findex.php

The last solution that I suggested would have resolved the issue.

coothead

arvgta

Well, not exactly trivial, what we're all doing:

<noscript><meta http-equiv="refresh" content="0; URL=http://4nf.org/bo.php?u=http://4nf.org/" /></noscript>

Is there any way, to make this validate? Probably not...
(I'm happy with it otherwise - as said before it's adopted from Facebook)

arvgta

...or better to say, forget what URL - it's beside the point:

coothead

...I'm aiming at 0 errors in the W3C validator on my homepage...

So what you are really saying is that this was a...
[indent]totally pointless thread. :rolleyes:[/indent]

coothead

arvgta

Nope, your (conservative) architecture is cool.
Fancy validating Facebook's page, or Google's for the matter?

Let's get constructive:

Any reasonable workaround for the above (and very useful snippet) ?

What would W3 suggest?