如何在XHTML中使用HTML5功能

前端之家收集整理的这篇文章主要介绍了如何在XHTML中使用HTML5功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要一些关于网络编程的帮助.我必须从学校完成这项任务,教授已经提供了有关结构的详细信息.其中之一是我的网站应符合XHTML(严格或过渡).另一个是我需要使用至少一个HTML5功能.如果没有新标签通过XHTML验证,我该如何使用HTML5功能

我将其声明为XHTML 1.0 Transitional.

这是我的HTML代码,我遇到了麻烦.

  1. <body id="index" class="home">
  2. <header id="banner" class="body">
  3. <h1><a href="#">Header1 </a></h1>
  4.  
  5. <nav><ul>
  6. <li class="active"><a href="#">home</a></li>
  7. <li><a href="#">portfolio</a></li>
  8. <li><a href="#">blog</a></li>
  9. <li><a href="#">contact</a></li>
  10. </ul></nav>
  11.  
  12. </header>
  13. </body>

在带有header和nav的行中,它表示元素是未定义的,并且标题中没有属性id和class.请帮忙.

谢谢.

解决方法

对于最有意义的赋值的解释是,您需要使用 XHTML linearization的HTML5,也称为XHTML5.这只是意味着您像其他人一样使用HTML5,但使用一般的XML原则.

在示例中,这将意味着以下标记

  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. </head>
  6. <body id="index" class="home">
  7. <header id="banner" class="body">
  8. <h1><a href="#">Header1 </a></h1>
  9.  
  10. <nav><ul>
  11. <li class="active"><a href="#">home</a></li>
  12. <li><a href="#">portfolio</a></li>
  13. <li><a href="#">blog</a></li>
  14. <li><a href="#">contact</a></li>
  15. </ul></nav>
  16.  
  17. </header>
  18. </body>
  19. </html>

XHTML 1.0 doctypes是完全不同的东西.它们定义了HTML的固定版本,因此您不能在静态标记中使用这些版本不允许的任何内容,即与XHTML 1.0和HTML 4.01相比HTML5中的新内容(这就是“HTML5功能”可能意味着什么)分配).要求“符合XHTML(严格或过渡)”是不明确的,但如果它是专门引用XHTML 1.0,那么赋值是自相矛盾的(除非您应该使用客户端脚本来获取“HTML5功能” “).

(由于@ Alohci的评论,这个答案在很大程度上被重写了.)

猜你在找的HTML相关文章