sample.xhtml 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <title>Sample HTML Content for DOM Queries</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. </head>
  7. <body>
  8. <div id="header">
  9. <h1>
  10. <a href="#"><img src="img/icon.png" class="right" alt="Logo"
  11. height="79" width="80" border="0" /></a>
  12. Page Title<br />
  13. <span class="subtitle">SubTitle</span>
  14. </h1>
  15. </div>
  16. <ul id="topnav">
  17. <li class="current"><a href="#">Home</a></li>
  18. <li><a href="#">About</a></li>
  19. <li><a href="#">Misc</a></li>
  20. <li><a href="#">Wiki</a></li>
  21. </ul>
  22. <div id="main">
  23. <div id="content">
  24. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed at dui quis magna
  25. viverra sagittis. Donec sed nibh ut pede pretium ultricies. Mauris viverra
  26. tempus dui. Donec dolor risus, mollis sed, pulvinar id, faucibus ac, nisl. Duis
  27. eu erat at erat tempus euismod. Suspendisse sodales lacus vitae libero. Sed
  28. suscipit commodo enim. Pellentesque erat. Cras orci. Pellentesque non nunc. Cras
  29. diam libero, feugiat vel, accumsan et, laoreet mattis, purus. Pellentesque
  30. volutpat hendrerit justo. Cras vehicula. Vestibulum cursus gravida est.
  31. Curabitur pede. Mauris consectetuer rutrum dolor. Ut a turpis ac metus
  32. sollicitudin dignissim.</p>
  33. <p>Praesent blandit, nisi in egestas mattis, lectus tortor vehicula massa, commodo
  34. vehicula diam lacus consequat lectus. In vitae pede eget leo faucibus
  35. condimentum. Pellentesque nisi. Ut condimentum elit vitae mi. Morbi neque erat,
  36. mollis nec, volutpat sed, placerat sit amet, ligula. Morbi eleifend. Morbi
  37. auctor condimentum ipsum. In ac purus. Sed vitae magna. Sed volutpat vestibulum
  38. leo. Phasellus id nibh.</p>
  39. <p>Fusce blandit elementum leo. Proin id erat. In dignissim orci vulputate libero
  40. cursus volutpat. Ut vitae arcu non nulla sagittis laoreet. Suspendisse sed
  41. tortor ac risus placerat convallis. Donec nulla ipsum, tempus et, porttitor
  42. quis, blandit vel, tortor. Donec condimentum. Aliquam felis dui, consectetuer
  43. ultricies, euismod eu, pretium non, sem. Sed ultricies, tortor non vulputate
  44. tempor, urna leo sagittis libero, ut feugiat nulla tellus et ligula. Suspendisse
  45. eget est. Vestibulum interdum mi at felis. Fusce dictum. Fusce a enim at ipsum
  46. consectetuer molestie. Integer rhoncus. Cum sociis natoque penatibus et magnis
  47. dis parturient montes, nascetur ridiculus mus. Donec rhoncus mattis arcu.</p>
  48. <p>Proin id nisi. Vivamus eu risus. Vivamus et enim et turpis volutpat bibendum.
  49. Nunc nunc ipsum, semper sit amet, pellentesque in, venenatis sit amet, elit.
  50. Suspendisse potenti. Cras lacinia, nisl vel vulputate pellentesque, lacus tellus
  51. lobortis ipsum, sed pellentesque neque felis ac orci. Sed pellentesque.
  52. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
  53. turpis egestas. Etiam lacus enim, facilisis eu, suscipit ac, condimentum ut,
  54. ante. Aenean convallis mattis enim. Aliquam pretium. Etiam quam. Donec
  55. tincidunt. Pellentesque id ante ut orci gravida semper. Cum sociis natoque
  56. penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
  57. bibendum elit vel sem cursus ultrices. Nunc in purus. Ut consectetuer, nulla ac
  58. porta hendrerit, ligula eros blandit nulla, at ornare dui odio vel justo. Morbi
  59. tellus nulla, sodales eget, aliquet ac, varius vitae, pede. Pellentesque
  60. habitant morbi tristique senectus et netus et malesuada fames ac turpis
  61. egestas.</p>
  62. <p>Vestibulum urna. Proin hendrerit neque et tellus. Duis luctus congue sem.
  63. Aliquam ultricies orci nec enim. Nam velit eros, feugiat posuere, ultricies
  64. vitae, consequat nec, urna. In ipsum neque, porta sed, ornare nec, cursus et,
  65. mauris. Nam eget urna. Suspendisse venenatis nulla nec urna lacinia bibendum.
  66. Morbi tempor lobortis nisl. Nulla ut eros. Fusce id tortor ut diam vulputate
  67. consectetuer. Nulla vel augue. Nulla ac tellus sed orci pulvinar dictum. Proin
  68. lobortis. Fusce consequat auctor ante. Donec bibendum fringilla nunc. Donec
  69. viverra, urna ac auctor dapibus, augue ipsum tristique lacus, sed feugiat nibh
  70. nibh quis purus. Donec orci est, pharetra laoreet, laoreet id, mattis ut, odio.
  71. In lacus sem, rutrum tristique, dignissim ac, imperdiet ac, lacus. </p>
  72. </div>
  73. <div id="subnav">
  74. <div class="navblock">
  75. <form action="/login" method="post">
  76. Username:<br />
  77. <input name="username" id="username" type="text" value="" /><br />
  78. Password:<br />
  79. <input name="password" id="password" type="password" value="" /><br />
  80. <input name="login" id="login" type="submit" value="Login" />
  81. </form>
  82. </div>
  83. <div class="navblock" dojoType="FilteringSelect">
  84. <ul>
  85. <li class="foo" dojoType="foo bar">Item 1</li>
  86. <li class="foo current">Item 2</li>
  87. <li class="foo" dojoType="foo bar">Item 3</li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. <div id="footer">
  93. <div class="footerblock first">
  94. <p class="attribution">
  95. &copy; 2008 - present, <br />
  96. Zend Framework
  97. </p>
  98. <a href="/about">About</a><br />
  99. <a href="/contact">Contact</a><br />
  100. </div>
  101. <div class="footerblock last">
  102. <h4>More:</h4>
  103. <ul>
  104. <li>Ohloh profile</li>
  105. <li>Facebook</li>
  106. <li>Plaxo Pulse</li>
  107. <li>LinkedIn</li>
  108. <li>del.icious</li>
  109. <li>Twitter</li>
  110. <li>SlideShare</li>
  111. </ul>
  112. </div>
  113. </div>
  114. </body>
  115. </html>