2013-08-16 82 views
8

我瞭解html頁面中一個id的概念。作爲一個noob,我只是想知道你是否可以爲不同的html頁面使用同一個id。這會被認爲是馬虎麼?你可以使用同一個id一次爲多個html頁面嗎?

例如,<div id="1"></div>(僅用於一次)在index.html中,並在product.html中再次使用<div id="1"></div>。這是否認爲不好?

我試圖做一個搜索,但沒有找到答案。 謝謝!

!編輯!謝謝你的答案。不勝感激!

+0

是的,你可以使用相同的ID在不同的頁面上。事實上,這樣做很常見。不過,您必須瞭解棘手的跨頁面內容。 (PHP的'require()',我在看你!) – 2013-08-16 07:42:48

+0

謝謝你的快速回答! – stanley1943

+2

如果頁面r真的是獨立的,那麼它就可以,但是一旦你使用PHP或者其他的東西來合併它們(例如include),你可能會在一個頁面上得到兩個相同的ID,這很糟糕。 – MightyPork

回答

21

一個id只能在單個文檔上使用一次。它用於僅在頁面上出現一次的元素(想想「頂部導航欄」)。類用於可以出現多次的元素(例如,考慮「特別樣式的表」,「可重複的信息塊」或者共享特定特徵的事物,例如「在此瀏覽器寬度上,此塊跨越6列」引導)。在不同的頁面上使用相同的ID是完全正常的。通常你會爲你的佈局製作一個框架/模板,每個元素在使用這個模板的每個頁面上的樣式都是相同的。然後在不同的頁面上爲同一元素使用相同的id是很有幫助的。 (或者:在每個頁面上改變頁面的佈局會被認爲是渺茫的,對每個元素使用不同的id,因爲這將很難或不可能維護你的頁面。)

+1

對不起,我沒有足夠的聲望upvote。但謝謝你的解釋。我只是想確保我第一次做正確的事情。 – stanley1943

+0

@ stanley1943我想現在你已經擁有了,如果你還沒有做過,那麼繼續往上吧! :) – gsamaras

2

這樣做很好,但你會想給你的ID命名比「1」更好的東西。更具描述性的東西,如<div id="main-part"></div>會更好。

相關問題