Fatal编程技术网
  • html/
  • Html 为什么这是Doctype；分区；不允许？

Html 为什么这是Doctype；分区；不允许？

html

Html 为什么这是Doctype；分区；不允许？,html,doctype,w3c-validation,Html,Doctype,W3c Validation,我已经创建了这段代码 <a href="#"> <!-- BEGIN #btnBox .btnBox --> <div id="btnBox2" class="btnBox"> <div class="btnleft"></div> <!-- BEGIN & END .btnleft --> <!-- BEGIN .btncenter --> <div c

我已经创建了这段代码

<a href="#">
  <!-- BEGIN #btnBox .btnBox --> 
  <div id="btnBox2" class="btnBox">
    <div class="btnleft"></div> <!-- BEGIN & END .btnleft -->
      <!-- BEGIN .btncenter --> 
      <div class="btncenter">
        <div id="btnText2" class="btnText">Want more? - check out my recent work</div>
      </div>
      <!-- END .btncenter -->            
      <div class="btnright"></div> <!-- BEGIN & END .btnright -->
  </div>
  <!-- END #btnBox .btnBox -->   
</a>
我正在使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



在
a
标记中不能有
div
标记。另外，在您提供的代码示例中，您没有关闭
a
标记。
DIV是块级元素-它们不应包含在锚定标记中。
如果您使用的是HTML4 doctype，则不能在a标记中使用类似
DIV
的块元素

请改为尝试此doctype：


<!DOCTYPE html> 






并确保为锚点标记添加缺少的结束标记<代码>


是HTML5的doctype。根据HTML5的标准
div
标签现在可以放在
a
标签内

希望这有帮助。
分区
是块级元素，而锚定
：

通常，块级元素可以包含内联元素和其他块级元素。通常，内联元素可能只包含数据和其他内联元素。这种结构区别固有的思想是，块元素比内联元素创建“更大”的结构

您之所以使用分割，可能是因为您需要块级行为，如
宽度
和
高度

在不更改DOCTYPE的情况下，您可以使用CSS属性使
元素的行为类似于
元素：

HTML

... 因为锚元素是内联级别的元素。我想设置完整的容器链接。。。我怎样才能做到呢？你。。。不要。或者更确切地说，您不需要将其包含在链接中。如果你想让容器可以点击，你应该研究事件处理。您是偶然使用jQuery的吗<代码>$（'div.btnBox'）。单击（函数（）{…}）或只切换到html5 doctype:），您就可以拥有一个页面，该页面可以在不使用javascript的情况下验证可单击容器（块元素）。谢谢。但是使用html5是最合适的。。因为我完全用html4严格的标准来编写html。Html5就是我要走的路！您仍然可以像使用html4 strict时那样编写代码，但如果您改为使用html5 doctype，您将获得html5新功能的所有优势（就像我们在这里讨论的，在标记中阻止元素）；假设缺少“LI”开始标记
我如何解决此问题…同样，如果您将该
div
替换为
span
，它应该可以解决此问题，但我担心会弹出另一个问题。正如其他人所说，你最好使用html5。尝试将文档更改为
。如果你不想更改你的doctype，那么我觉得你还有很多工作要做。。。

<a href="#" class="forMuzammil">
<!-- BEGIN #btnBox .btnBox --> 
<span id="btnBox2" class="btnBox">
    <span class="btnleft"></span> <!-- BEGIN & END .btnleft -->
    <!-- BEGIN .btncenter --> 
    <span class="btncenter">
        <span id="btnText2" class="btnText">Want more? - check out my recent work</span>
    <!-- END .btncenter -->    
    </span>
    <span class="btnright"></span> <!-- BEGIN & END .btnright -->
<!-- END #btnBox .btnBox -->     
</span>
</a>