Разновидности верстки


Термин «верстка» обозначает процесс, создания веб-страницы с макета, который создается до этого. На сегодня есть три актуальных метода вёрстки:

• табличный;
• блочный;
• вёрстка слоями.

Табличная вёрстка

С помощью табличной верстки можно создать красивую и точно выровненную страницу, но этот метод сложный для применения новичку, а опытный верстальщик с ним легко разберется. С помощью табличной верстки можно задавать рамки, выровнять элементы веб-страницы по сетке и т. д. Из недостатков можно указать медленное отображение веб-страницы, вследствие того, что браузер, думая что это отдельный элемент, не отображает его, пока он полностью не загрузится. Если престанут отображаться картинки, необходимо ознакомиться с информацией на https://www.reg.ru/support/hosting-i-servery/sajty-i-domeny/otobrazhenie-sayta-v-brauzere/ne-otobrazhayutsya-kartinki-na-sayte

Блочная верстка

При блочной верстке все элементы страницы заключаются в отдельные блоки, которые в дальнейшем будут изменяться отдельно, кстати это является большим преимуществом, т. к. изменения в одном блоке не влияют на другие блоки. Также следует отметить, что каждый из этих блоков можно перемещать, прятать и показывать без перезагрузки самой веб-страницы.

Вёрстка слоями

При создании веб-страницы посредством слоевой верстки, отдельно форматируется каждый слоев накладываются друг на друга. В отличии от блочной верстки, здесь используется тег <layer>, а не <div>. У слоев есть свои недостатки, т. к. они все еще не до конца продуманы и по разному отображаются на разных браузерах.

Семантическая верстка

Семантическая верстка – это один из видов верстки, при которой каждый тег используется в своем истинном значении. Например, тег <table> используется для отображения табличной информации, но в табличной верстке он используется для позиционирования. Это нарушает все принципы семантической верстки.

Верстальщик

Верстка сайта – это не простое создание сайта, а создание сайта идентичного своему макету. Поэтому версткой занимаются верстальщики. В его обязанности входит создание исходного кода страницы и его последующее оформление. Поэтому хороший верстальщик должен отлично знать такие языки как, HTML, CSS, JavaScript и PHP.

Любой вид верстки должен подразумевать кроссбраузерность и валидность сайта. Под кроссбраузерностью понимается, одинаковое отображение веб-странички во всех браузерах. Валидность сайта это показатель мастерства самого верстальщика. Валидность подразумевает полное отсутствие ошибок в HTML-коде.