タグ

html+cssとDOMに関するginpeiのブックマーク (2)

  • What is the DOM? | CSS-Tricks

    Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. A reader recently wrote in asking me what the DOM was. They said they’ve heard it mentioned and alluded to, but aren’t sure they really understand it. We can fix that. But the HTML you write is parsed by the browser and turned into the DOM. View Source just shows you the HTML that makes up that pag

    What is the DOM? | CSS-Tricks
    ginpei
    ginpei 2013/12/30
    「僕らが書いているHTMLはDOM?」「違うよ」 「DevToolsで見える要素ツリーはDOM?」「そう、その一種だよ」 「何が違うの?」「それはね……」 という話。わかりやすそう。
  • 正しいHTMLとドキュメントツリーを理解しよう

    ブラウザごとに異なるドキュメントツリー これまでFirefoxを使って、サンプルHTMLのドキュメントツリーを見てきましたが、残念ながら、すべてのブラウザがまったく同じドキュメントツリーを構成するわけではありません。Firefox、Opera、Safariでも、ホワイトスペースの扱いについては微妙な違いがあります。また、Internet Explorer6、7にいたっては、ホワイトスペースノードは無視され、ドキュメントツリー上に現れません。このように、ブラウザによってホワイトスペースノードの扱いが違うということは、DOMスクリプティングにおいては非常にやっかいな現象といえます。ここでは具体的に、ブラウザごとにどのようなドキュメントツリーを構成するのかを見ていきましょう。 Internet Explorer 6、7の場合 Internet Explorerは図の通りです(図2)。

    正しいHTMLとドキュメントツリーを理解しよう
    ginpei
    ginpei 2008/03/13
    いまさら「正しいHTML」の解説、と思いきやブラウザ間でのノードの解釈の違いなんかが興味深い。
  • 1