В предыдущих учебных пособиях по wulin.com много раз подчеркивалось, что файлы HTML на веб -странице имеют семантику. Мы должны выбрать наиболее подходящие теги HTML или XHTML на основе структуры документа HTML веб -страницы, а не выбирать их на основе их внешнего вида и стиля. Используйте тег P, чтобы определить абзац, вместо того, чтобы использовать его, чтобы получить новый эффект линии. Вместо того, чтобы использовать их для достижения размера текста и жирного шрифта, мы используем теги H1-H6, чтобы отметить названия.
Например, заголовок, мы можем определить его с помощью H1:
<h1> Текст заголовка статьи написан здесь </h1>
И никакого другого способа нельзя использовать для его определения:
<p style = font-size: 16px; Font-Weight: Bold;> Название текста статьи написан здесь </p>
В предыдущих статьях Wulin.com мы перечислили все теги, разрешенные XHTML1.0, и мы также можем обнаружить, что на самом деле есть очень мало тегов элементов, которые позволяют нам выбрать. Но мы также четко понимаем, что эти утонченные элементарные оценки также более значимы. Если вы действительно не можете найти правильный элемент, чтобы отметить его, вы можете использовать общие теги и пролета.
Использование Div и Span Tags на странице является новой проблемой, и мы склонны к их использованию слишком много. Необходимое и разумное использование DIV может значительно улучшить структуру документа. Если вы посмотрите на свой HTML -документ и обнаружите, что есть много DIV и пролетов, то вы должны посмотреть на проблему с другой точки зрения. Есть ли злоупотребления? Есть ли лучшие маркеры, чтобы заменить их? Если H1 может лучше представлять обозначенный контент, то вам нужно отказаться от P или SPAN для определения.
Возможно, это пара противоречий, и нам трудно понять, как правильно их использовать, или, возможно, мы вообще не можем получить четкий ответ. Но одна вещь, которую нужно уточнить, это то, что мы должны сделать документ логически ясным и легче применять стили. Мы можем просто посмотреть на DIV как на контейнер или как компонент документа. Мы используем слишком много контейнеров, что не является мудрым шаблоном. Контейнер, который прямо в разумной позиции, может сделать весь документ выглядеть очень организованным.
Следующий код является более разумным и эффективным:
<div id = заголовок>
<h1> wulin.com vevb.com. Добро пожаловать в ваше прибытие </h1>
<h2> wulin.com webjx.com предоставляет новейшие и быстрые веб -технологии </h2>
<p> wulin.com VEVB.com предоставляет учебные пособия по веб -производству, учебные пособия по динамическому веб -производству, руководства по созданию веб -сайтов, учебные пособия по анимации Flash, видеоуроки, коды веб -спецэффектов, веб -материалы, загрузки книг и другое содержимое. Я надеюсь, что это может помочь вам в вашей работе и учебе. </p>
</div>