|
HTML - Is This A Valid Markup For This Layout?
I'm using this markup for this layout. I am wondering if this is valid markup. My main concern is SEO so I have to worry about validation and accessibility. What are your thoughts on this?
HTML Code: <dl class="side-display wide"> <dt class="frame-it"><div class="crop-it"><a href="#"><img src="#" alt="" /></a></div></dt> <dd><h3><a href="#">Ferrari Dino: 40...</a></h3></dd> <dd class="subdue"><img src='#' alt=""></dd> <dd>Posted on 12/17/2008</dd> <dd>Ferrari Dino is one of the most important car models created by the...</dd> </dl> Similar TutorialsPlease tell if these markup validation errors can be fatal? Thanks. I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents. Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document. No DOCTYPE found! Attempting validation with HTML 4.01 Transitional. The DOCTYPE Declaration was not recognized or is missing. This probably means that the Formal Public Identifier contains a spelling error, or that the Declaration is not using correct syntax. Validation has been performed using a default "fallback" Document Type Definition that closely resembles "HTML 4.01 Transitional", but the document will not be Valid until you have corrected this problem with the DOCTYPE Declaration. Learn how to add a doctype to your document from our FAQ. This page is not Valid (no Doctype found)! Below are the results of attempting to parse this document with an SGML parser. 1. Error Line 2 column 0: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>". <HTML> The checked page did not contain a document type ("DOCTYPE") declaration. The Validator has tried to validate with a fallback DTD, but this is quite likely to be incorrect and will generate a large number of incorrect error messages. It is highly recommended that you insert the proper DOCTYPE declaration in your document -- instructions for doing this are given above -- and it is necessary to have this declaration before the page can be declared to be valid. ✉ 2. Error Line 8 column 74: required attribute "ALT" not specified. ..."><img src="images/wl468v2.gif" width=800px></span> </div> The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. ✉ 3. Error Line 9 column 58: required attribute "ALT" not specified. <div id="links"><img src="images/lotto_04.jpg" width=800px></span> ✉ 4. Error Line 9 column 65: end tag for element "SPAN" which is not open. ...s"><img src="images/lotto_04.jpg" width=800px></span> The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem. If this error occured in a script section of your document, you should probably read this FAQ entry. ✉ 5. Error Line 22 column 39: end tag for "FONT" omitted, but its declaration does not permit this. <input type="submit" value="Login"></td></tr> * You forgot to close a tag, or * you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed. The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag. ✉ 6. Info Line 20 column 0: start tag was here. <font size="2">Remember me next time 7. Error Line 32 column 3: document type does not allow element "H2" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag. <h2>Tired of Losing?</h2> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). ✉ 8. Error Line 33 column 2: document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag. <p>Do you buy horses? ✉ 9. Error Line 49 column 7: document type does not allow element "TABLE" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag. <table><tr><td>Level </td> <td># of Members</td> <td>Commission</td> <td>Total ✉ 10. Error Line 64 column 47: required attribute "ALT" not specified. <img src="images/horse_12.jpg" width=800px> Resolved thanks... I still need to know how to get a language Detected Hi, I'm writing a terms and conditions page in plain XHTML where we have lots of text along the lines of this: 1 Lorem ipsum intro to 1 1.1 More blurb goes in here 1.2 and a whole bunch of other stuff you can't do 2 La-di-dah here's section two 2.1 this that and the other I'd like to use nested ordered lists (OL tags), but we are quite rigid about the numbering in that the sub-sections must be x.x. This is so we can refer to them without any ambiguity. Getting the layout and positioning is no problem, but I don't see how to write this with OL tags. I tried using VALUE="2.1" in the LIs but this doesn't work. I'm assuming a list is the proper thing to use in this case, but I'm open to other ideas (DL maybe???). Hi guys, new poster here. I just used Filezilla to change the index.html file of a website. What I did is paste my html into the document in textedit, saved it as html, then used filezilla to overwrite to old file in the site's directory. Now when I go to the site's index page, all I see is the markup from the file that I updated with. Why isn't it showing my design? Thanks a lot. Im having problems making my site valid the error is below This page is not Valid HTML 4.01 Transitional! Result: Failed validation, 1 Error if i put in the tr the format/layout goes a miss is there anything i can do? Line 36, Column 3: start tag for "TR" omitted, but its declaration does not permit this . <td><!--- middle (main content) column end --> code 35 <table id="container"> 36 <td><!--- middle (main content) column end --> thanks alot Hi I am quite happy with my designed page and before I set about applying it to the whole site I wanted to Validate the Page - this is the first time I have set about validating a form and am at a loss - looking at W3's reccommendations I just got more confused http://www.colletts.co.uk/new_winter/slidedivcmh.html W3 Validator Can anyone point me in the right direction to create an in page form that is Valid? Cheers, Mas While in class today our instructor was covering a very controversial topic about why do you think that it is important for an XHTML document to valid? Well-formed? Personally I always do my best to make sure a document is true to the doctype listed. But, I don’t agree on the importance of maintaining an absolute (100% valid) doctype. I think accessibility comes first. While designing a website I have always took into account disabled visitors whom are dependent on screen readers or other services. Which may prevent them from navigating or understanding the content in a traditional manner that you and I take for granted. To me a well formed document is the cardinal rule. What is your opinion on this? Hi, Currently my website is valid XHTML but I am planning on re coding the whole thing. I wanted to use HTML because to me it's a little easier and more basic. If I just start out with the html and head tags and no DOCTYPE and use the basic tags...do you think it would still work ok? I just dont want to go through the whole validation thing. I know other sites who use plain HTML without validating and their site works fine. Also I was wondering if it matters about uppercase tags? like < HTML > and < A > or < a > does caps make any difference? I guess I should probably just try it and then test it on major browsers to see for myself. Any advice would be appreciated! I just want to use plain HTML without worrying about validation....but I also want to make sure that people can use it on all different monitor sizes and browsers (at least all major browsers). I know thats the whole point of validation, but pretty much my question is: if I use plain HTML tags, including deprecated ones such as the < font > tag if it would still be usable on major browsers? I'm wondering because I've noticed that even though the W3C claims they are deprecated, some of them still work anyways? Sometimes I wonder if the W3C is right about that? Thanks! Ok I have used one of these social bookmarking generators to make links to add to del.icio.us and other sites but the links don't validate. Look: HTML Code: <ul> <li><a href="http://del.icio.us/post?url=http://johnsonsroofingllc.com&title=Johnsons Roofing LLC">del.icio.us</a> </li> <li><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=Johnsons Roofing LLC&u=http://johnsonsroofingllc.com">Yahoo MyWeb</a> </li> <li><a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=http://johnsonsroofingllc.com&title=Johnsons Roofing LLC">Google</a> </li> <li><a href="http://www.stumbleupon.com/submit?url=http://johnsonsroofingllc.com&title=Johnsons Roofing LLC">StumbleUpon</a> </li> </ul> How do I make this valid? Hey there, Could anyone please explain why it tells me that it is not a valid doc type, Well that is what it says here http://validator.w3.org/check?verbos...iplayer.com%2F The actual site is http://www.online-multiplayer.com Thanks in advance for any help. I figured I would just post this since having a problem with it this morning... Please bear in mind that I do recommend following the strict doctype - its just that I'm stuck with a CMS written about 8 years ago for this particular site I had the problems with. Anyway - our client noticed that there are styling discrepancies in IE... I checked the source code and found the following (the document is served as HTML4.01 Transitional): HTML Code: <p><font face="Verdana, Arial, Helvetica, Sans Serif" size="1">Blah<br> </p><p>More blah</p> What was happening in IE was that the unclosed <font> element was being terminated when the browser encountered the </p> tag... What was happening in FF was that the <font> element was being closed and then a new element placed in subsequent paragraphs... Hence, discrepancies in style between the two browsers... So - even when using an older doctype, it is important to check your code is well-formed and valid... As for me - I've now got to sit with our application developer and fix the CMS software... Hi All, Are there any benefits to having valid xhtml on your pages, besides knowing that all of your tags are closed and all of your special characters are escaped? And to go a step further, if you can answer this - is there any benefits to using a particular DOCTYPE, other than certain attributes are available to you? Hi, I just copied W3C's XHTML1.1 valid icon in my website and it displays correctly in Opera, Firefox, Chrome and Safari but it displays with a purple square around it in IE9. Any idea about why is this happening? Thank you! How many different names for home pages that are valid under the W3C are there? I know of index, default & home. Are there others? We probably all know that if we run our HTML through the W3C validator, it will inform us if we've illegally nested one element inside another (e.g. placing a div within a span). Likewise, it will inform us if we've placed an element on the page but haven't used the correct containing element (e.g using a br, but not placing it within a p). What I'm looking for is some kind of documentation or reference guide that I can use, so I don't have to do a Google search every time I want to know if I'm correctly nesting elements! I would have thought that this would be defined by the XHTML schema at http://www.w3.org/2002/08/xhtml/xhtml1-strict.xsd. While this schema does define all the elements, it doesn't define how they are allowed to be nested in one another. Where can I find the documentation that defines correct nesting of elements? It must exist somewhere... Hi, I have been searchign aroudn for some free scripts for scrollign news. All the ones i find use Iframes or have other elements whcih dotn validate for me. Any ideas where i can find one? The main requirements are below: Editable container size which the news scrolls in Editable speed of scrolling Ability to put links in the scrolling news news to scroll when loads, but on mouse over the news pauses so people can read the items. Cheers Rick I recently finished creating this html/css layout design. It's been put together with the use of tables, and is valid CSS and XHTML 1.0. However it just won't seem to show up correctly in any browser other than Internet Explorer. What is up!? Can someone please check my code over and help me out? I need to have this done by tomorrow and am totally lost! Thanks in advance! Here's the URL: http://barrel-house.ca/test/ Ok, so i worked very hard for about 4 hours to make my page valid (click). Now, i worked out everything to work in firefox and safari and then installed opera and it looks fine in that, as well as in mobile safari (for iPod Touch). But, believe it or not, when i try it in IE, everything is completely messed up. I am extremely tired of me having to go the extra mile because the idiots behind IE dont know how to make a fricken browser. Anyways, with the rant out of the way, can anyone help me fix this up? any tips or ideas on what is causing this? http://Flysinger.com thanks, -ajp What is the best replacement for a valid target="_blank" for XHTML 1.0 Strict doctype. Any suggestions? |
|||||||