僅在HTML5中過濾（隱藏或顯示）架構

Question

僅使用html5，沒有css或其他任何東西，是否可以有這樣的句子，

她愛他。

用HTML5進行模式化，使得單詞「She」用諸如「Subject」的元數據標記，「loves」用「verb」標記，「him」用「object」標記，全部它在一起包括期間，「她愛他」。標有「完整句子」。

然後，用戶可以過濾他們想要顯示的內容 - 標記爲主題，動詞，賓語或完整句子的元素......或這些元素的混合物。

例如，您可能希望看到所有完整的句子和所有對象，無論它們是否在完整的句子中。

另一個例子，如果你有一堆網頁上的句子，你可以快速過濾只看動詞。

我正在尋找一種方法來實現這一點 - 如何構建標籤的遊戲​​計劃。如果我使用div，它是否足夠強大，足以讓我標記完整的句子和其中的單個單詞，還是有更簡潔的方式，更簡潔的方式等？

Answer 1

你不能用HTML來做到這一點。您將需要使用Javascript來顯示和隱藏這些元素。你需要CSS來使它看起來很好。

你可以開始的一種方法是將句子放在不同部分的周圍。

<span class="full-sentence><span class="subject">She</span><span class="verb">loves</span><span class="object">him</span>. 

然後，你需要考慮使用jQuery顯示和隱藏句子的不同部分。

如果您不想使用Javascript，則可以使用span類中的CSS對主題，動詞和對象着色。