HTML字段集没有领域

我正在写一个博客文章，我想添加一个“注”对话框，我想看看几乎完全一样了<legend>HTML字段集没有领域

<fieldset> 
    <legend>Note</legend> 
    Please take note of this. 
</fieldset>

一个<fieldset>（见http://www.w3schools.com/tags/tag_fieldset.asp）

正如你可以看到，这<fieldset>实际上不会包含任何领域，因此它似乎有点肮脏的黑客只是为了使布局工作很容易。

是否有人知道是否有另一个标签类似<fieldset> \ <legend>更适用于它将包含的文本内容？

我可以用CSS做，但我只是不知道是否有一个HTML元素，这将使标记好:)

来源

2013-03-09 Joanne

从语义的角度来看，标签的选择不应当由所需形式决定（你希望它是什么到看起来像），而是描述什么内容实际上是。另一方面，没有什么东西的表现很像legend（这是一个相当奇怪的元素），所以确实没有可靠的选择，但你可以靠近。 here's one example出了许多可能的解决方案：

<div> 
    <h3>Notes</h3> 
    <p>Lorem Ipsum is simply dummy text...</p> 
</div>

div { 
    padding:20px; 
    border:1px solid #ccc; 
} 
h3 { 
    margin-top:-30px; /* estimated, you can be more accurate */ 
    background:#fff; /* hide the top border behind it */ 
    float:left;  /* make it the smallest width possible */ 
}

我不相信这是技术上非法的，没有表单输入（意思是，您的标记将仍然有效）的一个字段，但它的真的意味着用于形式。如果您可以通过CSS找到替代解决方案，这将是解决这个难题的理想方式。

来源

2013-03-09 16:20:38

干杯，我只是好奇，如果我失去了一些东西，我想我不是！它是CSS，我只是想知道是否有一个特定的语义标签，因为它看起来像是一件很常见的事情。 – Joanne 2013-03-09 16:29:04

''具有非常独特的行为，很难（如果不是不可能）用CSS来完美模拟。你的问题的基础实际上是相当普遍的。 – 2013-03-09 16:30:40

HTML字段集没有领域

回答

相关问题