如何在XHTML中使用HTML5功能

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

我将其声明为XHTML 1.0 Transitional.

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

<body id="index" class="home">
<header id="banner" class="body">
<h1><a href="#">Header1 </a></h1>

<nav><ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul></nav>

</header>
</body>

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

谢谢.

解决方法

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

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

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body id="index" class="home">
<header id="banner" class="body">
<h1><a href="#">Header1 </a></h1>

<nav><ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul></nav>

</header>
</body>
</html>

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

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

猜你在找的HTML相关文章