2010-05-21 37 views
4

嗯,我一直把語義信息有關什麼元素意味着的頁面邏輯在class屬性你在哪裏掛上你的語義信息,html?

<li class="phone-number">555-5555</li> 

這似乎掛語義信息和指向如何風格的這種雙重目的工作它。

我不確定這是否是最好的想法,我試圖看看別人是否有其他方式來做到這一點。

我也開始使用一個隱藏輸入:

<li>555-5555 <input class="semantics" type="hidden" value="phone-number" /></li> 

一個元素中,所以使用jQuery,我可以用

li.find('.semantics').val() 

檢索有關元素的附加信息,要得到一個元素的語義JavaScript

回答

3

我通過手冊和示例掛起我的語義microformats.org。什麼樣式 - 你可以使用多個類的HTML元素。 在jQuery中,您可以使用$('.phone-number').html()作爲第一個示例。

+0

我認爲microformats congent是一個標準,在html中保留語義。 – 2010-05-21 22:41:27

2
  1. 要麼你嘗試XML,並使用 例如XSLT進行演示,
  2. 或HTML用自定義DTD
  3. 或HTML 5和 data-attribute(3.2.1 語義)
+1

數據屬性設置非常棒! – Pointy 2010-05-21 23:14:12

+0

您是否真的認爲去考慮XSLT路線是一個不錯的選擇,考慮到其他開發者的維護(新要求:必須知道XSLT?) 正在經歷定製DTD的麻煩,而且維護問題又一次值得嗎? – bobobobo 2010-06-03 20:23:17

0

這將取決於語義本身... ID和類通常足以達到此目的。

但爲此添加隱藏字段等標記聽起來像是一個可怕的想法給我。

也許如果你分享了你的實際需求,我們可以分享一個更好的方式來做到這一點。

+0

你還會怎麼做? – bobobobo 2010-06-03 20:25:19