ansaurus

Question

Multiple Html <head> in the browser , causes by DreamWeaver bom

Answer 1

A:

You should have a title element what you write between the <title></title> tags will been displayed in top bar of your browser

ShallowHeart 2010-02-28 15:34:38

Sorry, I meant it is valid in Dreamweaver. now I tested it trough validator.w3.org and it doesn't report about double head tags.by checking it trough the Safari developer I see double head tags

Sophia Gavish 2010-02-28 18:10:03

@Sophia: can you post (a link to) your source code? That makes it a lot easier to see what could be wrong.

Marcel Korpel 2010-02-28 18:38:09

http://www.tsuriellaw.com

Sophia Gavish 2010-02-28 19:24:30

Answer 2

+1 A:

No problem in Chromium 5.0.307.9 (Developer Build 39052) under Linux. I can't test it in Safari now.

EDIT: Proposed test case had nothing to do with this problem, neither could see any extra <head> tags. However, I looked at the Developer Tools of Safari and Chrome under Windows and Firebug in Firefox and all three rendered the DOM incorrectly. Just have a look at this picture and see that the first <link> tag has jumped into the body.

This problem also has nothing to do with Javascript because when turning off Javascript the result is the same, even more clear when comparing with the source code. Strange I didn't notice this under Linux.

The Developer Tools of the WebKit browsers give an even clearer picture (also notice the jQuery error message). I suspect the Unicode Byte-Order Mark (BOM) at the beginning of the file causing the problem: as you can see the BOM is moved to the <body> of the document, perhaps dragging several elements in the <head> with it. But also the unclosed <link> elements, as shown by the W3C validator, might give some issues, although browsers usually handle this without any problems. First get rid of the BOM in your file and see if the problem persists.

And I see another error: those tags beginning with <meta ... are called meta tags, not "meat tags". ;-)

Marcel Korpel 2010-02-28 16:06:37

I think the problem is with the Twitter widget. I see some extra code in the head (with closing tag) and that is what makes the problem.I think I should not use twitter widget and make my own code.

Sophia Gavish 2010-02-28 18:37:12

@Sophia: That could be the case, as the validator doesn't process Javascript. Is the Twitter widget put in its own `iframe`?

Marcel Korpel 2010-02-28 18:39:58

no, I just place the script in it's own div. I see the double head tags in the Safari developer tool, and I am sure that the extra code is from the twitter widget. I think that it is somehow added a closing tag to the head. it added extra scripts and links to css style-sheets to the head (I mean it added the code when it's online).

Sophia Gavish 2010-02-28 19:14:15

@Sophia: Yes, I see, I just put that script in jsbeautifier.org and it puts something in the head three times. I don't get this problem in Chromium, so I will test your page in Safari under Windows later this evening. In the mean time, look at http://validator.w3.org/check?uri=http://www.tsuriellaw.com (nothing really serious there, but those errors could cause some unexpected problems, especially the Byte-Order Mark. Also, note "document type does not allow element "script" here; assuming missing "li" start-tag").

Marcel Korpel 2010-02-28 20:39:37

I'll take a look at it, thank you very much.

Sophia Gavish 2010-02-28 20:47:10

I'm tried to get rid from the BOM in my doc. since I'm using Dreamweaver I change the preferences not to use the BOM. I even made a new file and copy-paste the content but it still appears with the BOM. maybe when I copy the older content to the new file it also copy the BOM? I google about how to get rid from the BOM in Dreamweaver and I think that the changes can made for new files. Should I re-write the file in this case?

Sophia Gavish 2010-03-01 13:28:56

@Sophia: I'm sorry, I really don't know Dreamweaver and I have no access to it, so I can't figure this out for you. The only thing I can recommend is: use a nice text editor (good ones support syntax highlighting and the like) and delete the BOM manually. I imagine Dreamweaver includes an option to view and edit the HTML source as well.

Marcel Korpel 2010-03-01 14:01:56

I'm using Dreamweaver in code mode, Thank you very much you helped mw a lot.

Sophia Gavish 2010-03-01 14:22:06

Answer 3

A:

Just make sure your

</head>

tag has the slash in the actual file you're working on. That's an easy typo.

D_N 2010-02-28 18:23:53

Answer 4

A:

To remove BOM from your document, you can use this php function:

function removeBOM($str=""){
    if(substr($str, 0,3) == pack("CCC",0xef,0xbb,0xbf)) {
            $str=substr($str, 3);
    }
    return $str;}

Žan Grad 2010-10-16 15:27:55

ansaurus

tags:

views:

answers:

Multiple Html <head> in the browser , causes by DreamWeaver bom

related questions