三列內容第一個

這裏是重訪一個老問題。我如何開發一個三列布局，其中主要內容在中間，每邊都有側邊欄，但主要內容首先在HTML標記中？三列內容第一個

<body> 
    <section id="main"> 
    <h1>Main Section Title</h1> 
    <img src="http://placehold.it/400x300" /> 
    <p>This is the main content most important to readers</p> 
    </section> 
    <aside id="highlights"><!-- left column --> 
    <h2>Highlights</h2> 
    news feed goes here... 
    </aside><!-- end left column --> 
    <aside id="participate"><!-- right column --> 
    <h2>social Network</h2> 
    social media links here... 
    <h2>Events</h2> 
    events listing here... 
    </aside><!-- end right column --> 
</body>

來源

2013-01-20 mike

相關觀察：我碰到ARIA-角色信息，既解決了可訪問性問題來了在http://www.w3.org/TR/wai-aria/roles#document_structure_roles – mike

有幾種解決方案：

1）編輯：刪除

2）使用絕對定位，這是不是很敏感，但你可以把事情正是您想要的，就是在DreamWeaver用於做

3）使用Javascript重新排列部分和旁白。移動左邊的一個是第一，但是這可能不是你想要的窄屏幕什麼

4）他們建議在AListApart什麼：http://www.alistapart.com/articles/holygrail/

來源

2013-01-20 01:45:17

似乎像選項1將無法正常工作，因爲旁白出現在標記的主要部分 – mike

我剛剛編輯該答案並添加了一篇文章來自AListApart討論這個確切的問題 –

三列內容第一個

回答

相關問題