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字段集沒有領域

回答

相關問題