Why does firebug add to ?

by

To summarize the excellent explanations given in the answers and comments by bobince, Kieron, Alohci and others:

  1. Firebug just displays the DOM of the parsed page. Due to complicated HTML parsing rules, the DOM will “differ” (in some sense) from the source HTML.
  2. In this case the TBODY element in the DOM is added by the HTML parser. Note that this weird parsing is limited to text/html documents and in XHTML the DOM corresponds closely to the source XML.
    • This behavior was specified in HTML 4. The content model (allowed children) for table is (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+) — trs are only allowed in tbody! The spec says that tbody‘s start tag is optional, which is supposed to mean that if the HTML parser encounters tr directly inside a table it inserts the tbody start tag omitted by the author.
    • To make matters more clear HTML 5 defines very detailed parsing rules, in particular for this case: “When the insertion mode is “in table”, tokens must be handled as follows: […] A start tag whose tag name is one of: “td”, “th”, “tr” -> Act as if a start tag token with the tag name “tbody” had been seen, then reprocess the current token.”

More Related Contents:

  1. Why does my XPath query (scraping HTML tables) only work in Firebug, but not the application I’m developing?
  2. Can multiple different HTML elements have the same ID if they’re different elements?
  3. Form inside a table
  4. Compiling dynamic HTML strings from database
  5. How can I scale the content of an iframe?
  6. Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively
  7. What characters are allowed in DOM IDs? [duplicate]
  8. What is DOM reflow?
  9. How to get a child element to show behind (lower z-index) than its parent?
  10. Tools to selectively Copy HTML+CSS+JS From A Specific Element of DOM [closed]
  11. Why does a stray end tag generate an empty paragraph?
  12. How does Selenium click on elements that are 50% on screen and 50% not on screen?
  13. Best Way to View Generated Source of Webpage?
  14. Angular2, what is the correct way to disable an anchor element?
  15. Is the HTML shown via ‘View Source’ different from the HTML shown in (Firebug) developer tools?
  16. Why is a self-closing iframe tag preventing further DOM elements to be displayed?
  17. jQuery click function doesn’t work after ajax call? [duplicate]
  18. What is shadow root
  19. Which DOM elements can be child of tr?
  20. DOM mutation events replacement
  21. What are the CSS properties that get elements out of the normal flow?
  22. In the DOM are node ids case sensititve?
  23. How can I reuse HTML code across several HTML files
  24. mailto link with HTML body
  25. Why is the value of my input always empty if I store it in a variable?
  26. Changing the color of an hr element
  27. Using HTML5, how do I use contenteditable fields in a form submission?
  28. Should global css styles be set on the html element or the body element?
  29. How do I add a tool tip to a span element?
  30. z-index not working with position absolute

Leave a Comment