Най-лесният начин за разделяне на уеб страница

За да създадете чиста, добре организирана, лесна за четене уеб страница, придържайте се към основите. HTML 5 и CSS 3 може да получат цялата преса, но основните HTML елементи като заглавки, абзаци и няколко добре поставени таблици могат ефективно да разделят страницата, за да предадат вашето съобщение. Ето няколко лесни, полезни маркера, които да ви помогнат да организирате сайт.

Хедъри

Заглавия, в различни размери, грабват окото и насочват читателите към информацията, която искат да прочетат. Започнете с основно заглавие, като използвате

или

тагове:

Добре дошли в моя сайт

Използвайте заглавки от по-ниско ниво, за да разделите сайта вертикално на секции. Ограничете хедърите до два или три размера, вариращи от

да се

и не повече от три или четири раздела.

Параграфи

Използвай абзаца

таг за разделяне на текст на раздели, както следва:

Текст на първия абзац ...

Текст на втори абзац ...

Пазете абзаците малки и кратки. Типичните уеб четци бързо сканират съдържание, така че стигнете до точката си в първото или две изречения, преди да им омръзне и щракнете върху друга връзка.

Изображения

Няколко добре поставени изображения също помагат за разделянето на страницата на логически раздели. Променяйте ориентацията наляво и надясно, за да разбиете страницата. Ако е възможно, конвертирайте заглавия в изображения, за да добавите стил и разнообразие. Изображенията също работят добре за замяна на връзки и бутони.

Маси

Използвайте прости таблици, за да разделите страницата хоризонтално. Една таблица, поставена след заглавието, ефективно ще раздели страницата на два или три раздела. Използвайте следния HTML код:

Съдържанието на лявата колона отива тук ... Съдържанието в центъра отива тук .... Правилното съдържание отива тук ...

Таблицата запълва страницата с лява колона, отнемаща 20 процента от страницата, дясна колона с още 20 процента и централната колона между тях. Не забравяйте да запомните атрибута valign, така че всяка колона да започва отгоре и да тече надолу. Забравете този атрибут и съдържанието ще бъде вертикално подравнено към центъра на страницата. Добавете съдържанието и след това коригирайте ширините на колоните, докато презентацията изглежда правилно.

Линии и граници

Хоризонтално правило, кодирано като "" без кавички или граница около таблица, може да подчертае прекъсване на раздел или да привлече погледа към блок текст. Използвайте ги пестеливо и поддържайте ширината на линиите до максимум две или три точки. Експериментирайте с тези елементи, за да видите дали те добавят или отклоняват презентацията.

Бяло пространство

Празните редове и колони често разделят страницата по-добре от всички останали формати. Прекъсвания на редове, кодирани като "

"без кавички, празни абзаци, кодирани като самозатварящи се маркери като"

"без кавички, а празните колони на таблицата отделят текста и правят оформлението по-приятно за читателя. Празното пространство отнема малка честотна лента и наистина е най-простият начин за разделяне на страница.


$config[zx-auto] not found$config[zx-overlay] not found