2012-04-24 52 views
3

我有兩個元素(菜單項),我需要一個負責任的設計,移動以下困境(這是現在只有兩個變化,比方說,一個超過750px寬,另一個用於下750px寬):響應式設計:隱藏或更改元素位置更好嗎?

我應該有兩個單獨的html塊,每個變體一個,並根據設計大小隱藏/顯示它們?

或者我應該只有一個HTML塊和CSS樣式與位置玩?最後一個選項與我正在計劃的設計有些複雜,所以真正的問題可能是:有兩個不同的html塊太糟糕了嗎?該頁面將具有JavaScript和Ajax交互,儘管我不確定程度如何。先謝謝你。

+0

這個問題不適合我們的問答格式。我們期望答案通常涉及事實,參考或具體的專業知識;這個問題可能會徵求意見,辯論,論據,**投票**或**擴展討論**。 – iambriansreed 2012-04-24 03:56:49

+0

這更多的是實際的效率優勢(他們被命名)比意見更重要。最好不要有不同的html塊,因爲它不符合可訪問性,可用性和編程規則。 – Yisela 2012-04-24 04:00:28

回答

1

說明它是否「壞」是主觀的並且與你的目標相關。從可訪問性的角度來看,使用相同的標記出現兩次並且只是隱藏一個或另一個標記是不理想的,但不知道更多關於設計細節的信息,很難確定它應該或不應該是做了一個特別的方法。我想說,總的來說,它不應該那麼難,因爲你的標記不應該考慮佈局或設計。

+1

你說得對,我不能相信我錯過了。謝謝 – Yisela 2012-04-24 03:46:58

3

一些經驗法則,我嘗試牢記爲響應設計:

  • 保持它在CSS儘可能地。 You can control so much solely by changing the CSS如果你的標記是理智的。推論:不要超過必要的污染HTML。
  • 最小化發送給瀏覽器的數據量。移動數據連接速度緩慢,不可靠,而且越來越多的數據上限和節流。
  • 的頁面應沒有任何CSS合理理智。想想Googlebot或屏幕閱讀器將會「看到」什麼。這應該是任何網站,儘管這並不意味着它通常是是。

此基礎上,我會說不使用兩個獨立的HTML代碼。

1

我認爲這取決於你如何改變設計。如果它只是使設計具有不同的寬度,高度,圖像等則具有多個HTML將違反編程標準規則的一個案例:

http://en.wikipedia.org/wiki/Don%27t_repeat_yourself

但是,如果設計上的差異是結構性的,然後有不同的HTML會很好,而不是試圖通過CSS強制它。

BTW通過CSS這樣做的一個好處如果可能的話將是,當你的老闆(必然)走來,並要求那些專門爲設備設計的第三個版本是1,024像素或更寬。如果你選擇了CSS路線,那麼添加另一組尺寸需要幾分鐘的時間。使用HTML路由,你會被鎖定,使一切變得更加複雜。

+0

風格變化,這是不難實現的,但它也改變了流體div內的位置。這是一個6階段的設計,所以我必須調整幾次。感謝您的回答。 – Yisela 2012-04-24 03:58:36

1

據我看來,它不是一個好主意,用兩個HTML塊......這可能導致在決定要隱藏一個和顯示混亂......但不知道你的設計和用途,它不能被決定...但一般來說,儘量避免兩個或更多的HTML塊...