Вообще говоря, организация файла стандартной веб -страницы - XHTML CSS. Среди них XHTML в основном используется для представления структуры веб -страницы и отображения контента, в то время как CSS определяет макет структуры и изменяет стиль контента.
XHTML обычно используется для макета, как правило, включает в себя:
Div: он в основном используется для логического блюда содержимого страницы. Например, веб -страница, как правило, включает в себя ответственные разделы, такие как заголовок, навигация, боковая панель, контент и авторское право. В настоящее время вы можете использовать сегментацию Div.
В то же время для каждого блока рекомендуется следующее именование:
Ниже приведено цитируемое содержание:
Заголовок: <div id = masthead> </div>
Навигация: <div id = globalnav> </div>
Боковая панель: <div id = navbar> </div>
Контент: <div id = content> </div>
Авторское право: <div id = copyright> </div>
Примечание. Идентификатор уникален, то есть идентификатор не должен появляться более чем в два раза на одной странице. В противном случае используйте класс.
UL: Первоначально это был неупорядоченный список и часто используется для представления эквивалентных элементов неструктурных классов в приложениях XHTML CSS. Это должно использоваться в сочетании с детским элементом UL LI.
Ниже приведено цитируемое содержание:
<div>
<ul>
<li> <a href =#> link1 </a> </li>
<li> <a href =#> link2 </a> </li>
<li> <a href =#> link3 </a> </li>
</ul>
</div>
SPAN: Если вы сравниваете этот элемент с DIV, то SPAN - это сумка, а Div - коробка (называемая Xiaoyi: основное применение кода XHTML). На самом деле, DIV является элементом уровня блока, в то время как SPAN является встроенным элементом (см. Встроенные элементы и элементы уровня блока). Через пролет элемент фрагмента в сегменте или элементе строки может быть определен отдельно.
например:
Ниже приведено цитируемое содержание:
<ul>
<li> <pan> (2006-11-13) </span> xhml CSS Mayout Сводка </li>
</ul>
Определение пролета как левое/правое плавание в CSS может включить отображение даты и заголовка с обеих сторон. Это относительно используется
Ниже приведено цитируемое содержание:
<ul>
<li> 2007-11-5Vevb.com </li>
<li> xhml css mayout rewort </li>
</ul>
Это намного проще.
==============================================================================
После разговора об общих тегах XHTML для макета, есть также теги XHTML, используемые для отображения контента веб -страницы. например:
Ниже приведено цитируемое содержание:
<img src = alt = title = /> означает изображение
<a href = title => </a> означает гиперссылку
<hn> </hn> (n = 1,2, ..., 6) Указывает заголовок содержания страницы
Рекомендуется снизить H1-H6 в порядке в соответствии с его важности, а H1-наиболее важное название (см. Greengnn: Div CSS-ссылка на именование)
Первоначально были использованы этикетки, которые представляют жирные шрифты и курсив, и вместо этого были выбраны этикетки для использования <strong> </strong> и <em> </em>.