h1 和跨度

h1 and the span(h1 和跨度)
本文介绍了h1 和跨度的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在我的 html 中使用 h1-h6 标签时,我不断收到关于 w3c 验证器的错误消息.我是新手,我已经尝试了很多次来解决这个问题,但我不能.

While using h1-h6 tags in my html, i keep getting error messages on w3c validator. I'm new to this and I've tried so many times to solve the problem but i can't.

文本在我的网站上看起来非常好,但无法验证.我该如何解决这个问题?错误信息如下;

The text appears perfectly fine on my website but it won't validate. How do i solve this problem? The error message is as follows;

第 34 行,第 4 列:文档类型不允许元素h1"这里;失踪对象"、小程序"、地图"之一,iframe"、按钮"、ins"、del"开始标签

Line 34, Column 4: document type does not allow element "h1" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

<h1><span>我的网站</h1><span> <----这是我得到错误的代码.

<h1><span> My website </h1>< span> <----this is the code i'm getting the error for.

提到的元素是不允许的出现在上下文中你已经放置了它;另一个提到的元素是唯一的两者都允许在那里并且可以包含提到的元素.这可能意味着你需要一个包含元素,或者可能你忘记了关闭前一个元素.

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

此消息的一个可能原因是您试图将块级元素(例如

"或")放入内联元素(例如"、";"或").

One possible cause for this message is that you have attempted to put a block-level element (such as "

" or "") inside an inline element (such as "", "", or "").

无论如何,使用标题标签的最佳方式是什么?我做错了什么?

In any case what's the best way to use header tags? What am I doing wrong?

推荐答案

  • span 是一个内联元素
  • h1 是块元素
  • 内联元素不能包含块元素
  • 元素不能部分被其他元素包含
    • An span is an inline element
    • An h1 is a block element
    • An inline element cannot contain a block element
    • Elements cannot be partially contained by other elements
    • 因此,从DTD的角度来看:

      Therefore, from the perspective of the DTD:

      <h1><span>…</span></h1> <!-- This is fine -->
      <div><h1>…</h1></div>   <!-- This is fine -->
      <h1><span>…</h1></span> <!-- This is wrong -->
      <span><h1>…</h1></span> <!-- This is wrong -->
      

      问题的正确解决方案实际上取决于您尝试使用 span 的目的.

      What the right solution to the problem actually is rather depends on what you are trying to use the span for.

      (请注意,上面对块和内联元素的讨论有些简化.请参阅 如何阅读 HTML DTD 以获得完整的故事,尤其是内容模型部分)

      (Note that the discussion of block and inline elements above is somewhat simplified. See How to read the HTML DTD for the full story, in particular the section on the Content Model)

      这篇关于h1 和跨度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

how to remove this error quot;Response must contain an array at quot; . quot;.quot; while making dropdown(如何删除此错误quot;响应必须在quot;处包含数组。创建下拉菜单时(Q;))
Why is it necessary to use `document.createElementNS` when adding `svg` tags to an HTML document via JS?(为什么在通过JS为一个HTML文档添加`svg`标签时,需要使用`Document.createElementNS`?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)
What should I consider before minifying HTML?(在缩小HTML之前,我应该考虑什么?)