Перевод: как написать красивый HTML -код

Какой красивый HTML -код выглядит как написать красивый HTML -код.

Статья, написанная иностранцем: какой красивый HTML -код выглядит как писать красивые HTML -коды, кажется очень хорошим. Переиздайте и поделитесь с вами:

PS: Оригинальный адрес: http://css-tricks.com/what-beautiful-html-code-looks-like/

Не забывайте об объявлении в голове, оно сообщит браузеру, как отображать свой HTML.

Установите заголовок, набор символов. Настройте внешние ссылки CSS и JS (включая печатный CSS).

Дайте тело идентификатор. Причина, по которой упомянул здесь автор, заключается в том, чтобы облегчить выбор средних контейнеров для нескольких страниц. Например, установив различные идентификаторы для тела в Page1 и Page2, вы можете установить два разных эффекта через #Page1 H2 и #Page2 H2. Я чувствую, что это зависит от ситуации и конкретной структуры перед ее использованием.

Напишите код меню, который соответствует семантике.

<div id=menu>

<ul>

<li> <a href = index.php> home </a> </li>

<li> <a href = ae.php> о </a> </li>

<li> <a href = contact.php> контакт </a> </li>

</ul>

</div>

PS: Я лично думаю, что будет проще написать код, так:

<ulid = menu>

<li> <a href = index.php> home </a> </li>

<li> <a href = ae.php> о </a> </li>

<li> <a href = contact.php> контакт </a> </li>

</ul>

Существует див для тела, который содержит все содержимое. Удобно исправить ширину, поля и т. Д. Тела.

Сначала напишите основной контент, затем вторичный контент. Если ваша навигация или боковая панель не очень важны, лучше всего их написать в конце.

Введите общие части, такие как навигация и окончание страниц с помощью динамических вызовов, таких как PHP.

Код отступления

Обратите внимание на конечный тег

Используйте теги заголовка, такие как <h1> ~ <h6>, где это необходимо для разделения абзацев.

Не пишите стили на тегах, HTML просто используется для представления структур. Давайте оставим представление в CSS.