Bienvenu, visiteur! [ Se connecter

 

стаж<a ?

    Aucun détail d'annonce trouvé.
  • Répertoriée 26 juin 2021 16 h 40 min
  • Expires: 8933 jours, 16 hours
Aucun détail d'annonce trouvé.

Description

стаж

<a ?

**Тег
в HTML: как и когда его использовать правильно**

Использование тега `
` — одна из тех тем, которая кажется очевидной, пока не столкнёшься с нюансами вёрстки. Оказывается, даже в простых элементах кроется много подводных камней. Разбираемся, как правильно применять `
`, избегать ошибок и не превратить свой код в спагетти-код.

### 1. **Что делает тег `
`?**
Тег `
` (сокр. от *line break*) предназначен только для переноса строки в том месте, где он вставлен. Работает он, как паркур-прыжок для текста: например, чтобы оформить стихотворение или адрес.

« `html
Анна Ахматова

Вчера, вечером, у окна…
« `

**Важно:** `
` — это *самозакрывающийся элемент* (в HTML5 достаточно `
`), а атрибуты вроде `clear` (для позиционирования после флоата) — устаревшие. В CSS всё это делается проще через `margin` или гриды.

### 2. **Главные ошибки вёрстальщиков**

#### **Ошибка 1: Двойной тег как пробел**
Многие новички привыкли вставлять `

` для вертикальных промежутков. Это неправильно!
Чтобы создавать пробелы, используйте:
– CSS (`margin`/`padding`),
– Разделители вроде `

` или `

`.

**Почему важно:** Чем больше `
`, тем сложнее поддерживать код. Это также мешает адаптивной верстке.

#### **Ошибка 2: Закрывающий `
`**
Тег `
` — самозакрывающий, и `
` — синтаксическая ошибка. Такой код вызовет проблемы с валидацией.

#### **Ошибка 3: Подмена `
` на `

`**
Чтобы начать новый абзац, используйте `

`, а не `
`. Последний будет работать, но нарушит семантику кода, что плохо для SEO и доступности.

### 3. **XHTML vs. HTML5: `
` или `
`?**
– **HTML5:** Достаточно `
`. Не нужно закрывать или ставить слэш.
– **XHTML:** Требует `
`, так как в XHTML каждый тег должен быть закрыт (даже пустышки).

**Но в большинстве проектов сегодня актуален HTML5**, поэтому `
` — оптимальный выбор.

### 4. **Когда `
` оправдан?**
Этот тег оправдан **только в трёх случаях**:
1. Нужен жёсткий перенос строки в тексте (например, в квизах, цитатах).
2. Форматирование простых списков (адрес, телефон).
3. Технические случаи, где `

` или `

` перегружают код (чтобы не создавать лишние элементы).

**Пример:**
« `html
Контакты: ул. Большая Пушкарская

г. Москва, 117226
« `

### 5. **Чем `
` может навредить?**
– **Вёрстка «на подкладку»:** Массовые `
`-ы делают HTML хрупким. Если дизайн изменится, вёрстальщику придётся переписывать всё заново.
– **Нарушение семантики:** `
` не передаёт смысл контента — это чисто визуальный элемент. Предпочтение отдайте CSS.

### 6. **Что говорят эксперты?**
– Гуру вёрстки рекомендуют: «Использйте `
`, только если иначе не обойтись. Для отступов — всегда CSS!» ([Источник с Habr](https://habr.com/ru/sandbox/115512/)).
– StackOverflow подтверждает: `
` — ошибка, `
` достаточен ([ссылка](https://ru.stackoverflow.com/questions/381281/Как-правильно-писать-тег-br)).

### Итог: Практические рекомендации
1. **Используйте `
` разумно:** Только для текстовых переносов.
2. **CSS для макета:** Отступы, маргины, грид-сетки — вот современные решения.
3. **Удаляйте грубы ошибки:** Уберите `
`, `
` вместо `
` в XHTML.

**P.S.** Если вы всё ещё сомневаетесь — проверьте код через [валидатор W3C](https://validator.w3.org/). Результаты вас удивят!

Автор: Ваш ник или имя.

Теги: #HTML #верстай_правильно #css_любит_без_костылей.

*[Иконка со смайликом: 😊]*
«Хороший код — это код без излишних костылей. Делайте всё красиво и стандартно!»

**Материалы для углубления:**
– [Подробности о `
` на HTMLBook](https://htmlbook.ru/html/br).
– Обсуждение разницы между `
` и `
` — [ссылка](https://blog.kislenko.net/show.php?id=16).
– Как чистить HTML от `
`-куч — [советы от ветеранов верстки](https://vaden-pro.ru/blog/html/teg-br-primenenie.

P.P.S. Не добавляйте `
` в CSS:
*Иногда увидишь `
` в коде, чтобы подвинуть блок — это как пытаться держать дом на куцых деревяшках вместо свай. Доверяйте флексам и гридам.*

Этот пост помогает сократить строчки кода, улучшить валидацию и, главное, сделать ваш HTML понятным даже через 10 лет. Начните — поменяйте `

` на `margin: 16px auto` сегодня!

Надеюсь, вы нашли здесь полезную информацию. Если остались вопросы — пишите в комменты! А мы продолжим улучшать вёрстку, убирая костыли.

#HTML #вёрстка #учись_на_ошибках.

 

371 vues au total, 1 aujourd'hui

  

Identifiant de l'annonce : 148315724140857696

Signaler un problème

Processing your request, Please wait....

Sponsored Links

Laisser un commentaire

Vous devez être connecté pour publier un commentaire.

 

Бесплатное онлайн-резюме

Бесплатное онлайн-резюме Существует множество онлайн-инструментов, которые позволяют бесплатно и легко создать профессиональное резюме. Эти платформы предлагают множество шаблонов, возможностей настройки и упрощают макетирование. Зачем использовать […]

1059 vues au total, 0 aujourd'hui

 

какие предметы хорошо намагничиваются ?

какие предметы хорошо намагничиваются ? ## Какие предметы хорошо намагничиваются? Магниты – невероятные объекты, которые притягивают к себе определенные вещества. Но знаете ли вы, какие […]

1180 vues au total, 0 aujourd'hui

 

какие предметы хорошо намагничиваются ?

какие предметы хорошо намагничиваются ? Какие хорошо намагничиваются? Вы когда-нибудь задавались вопросом, какие предметы притягиваются магнитом? Ответ не так прост, как может показаться初めに。Металлы, входящие в […]

746 vues au total, 0 aujourd'hui

 

как хорошо получаться на фото ?

как хорошо получаться на фото ? safe

1073 vues au total, 0 aujourd'hui

 

как хорошо получаться на фото ?

как хорошо получаться на фото ? **15 секретов, как хорошо выглядеть на фотографиях** Всем приветствую! Сегодня мы рассмотрим 15 секретов, как хорошо выглядеть на фотографиях. […]

767 vues au total, 0 aujourd'hui

 

каким образом развивалась художественная литература ?

каким образом развивалась художественная литература ? **The Evolution of Artistic Literature: A Journey Through Time** Artistic literature has a rich and storied history that spans […]

978 vues au total, 0 aujourd'hui

 

каким образом развивалась художественная литература ?

каким образом развивалась художественная литература ? **Как развивалась художественная литература: путешествие от античности до современности** Художественная литература — это зеркало человечества, отражающее его радости, страхи, […]

733 vues au total, 0 aujourd'hui

 

чей поступок вызывает у вас уважение ?

чей поступок вызывает у вас уважение ? ## Какой поступок вызывает ваше уважение? Этот вопрос, присутствующий во множестве школьных заданий по литературе, заставляет задуматься о […]

722 vues au total, 0 aujourd'hui

 

чей поступок вызывает у вас уважение ?

чей поступок вызывает у вас уважение ? ### Чей поступок вызывает у вас уважение? История о смелости и честь В мире, где каждый день мы […]

954 vues au total, 0 aujourd'hui

 

почему после сна болит голова ?

почему после сна болит голова ? **Заголовок: Почему после сна болит голова? Разбираемся в причинах и решениях** Каждый из нас хоть раз сталкивался с ощущением, […]

860 vues au total, 0 aujourd'hui

 

Бесплатное онлайн-резюме

Бесплатное онлайн-резюме Существует множество онлайн-инструментов, которые позволяют бесплатно и легко создать профессиональное резюме. Эти платформы предлагают множество шаблонов, возможностей настройки и упрощают макетирование. Зачем использовать […]

1059 vues au total, 0 aujourd'hui

 

какие предметы хорошо намагничиваются ?

какие предметы хорошо намагничиваются ? ## Какие предметы хорошо намагничиваются? Магниты – невероятные объекты, которые притягивают к себе определенные вещества. Но знаете ли вы, какие […]

1180 vues au total, 0 aujourd'hui

 

какие предметы хорошо намагничиваются ?

какие предметы хорошо намагничиваются ? Какие хорошо намагничиваются? Вы когда-нибудь задавались вопросом, какие предметы притягиваются магнитом? Ответ не так прост, как может показаться初めに。Металлы, входящие в […]

746 vues au total, 0 aujourd'hui

 

как хорошо получаться на фото ?

как хорошо получаться на фото ? safe

1073 vues au total, 0 aujourd'hui

 

как хорошо получаться на фото ?

как хорошо получаться на фото ? **15 секретов, как хорошо выглядеть на фотографиях** Всем приветствую! Сегодня мы рассмотрим 15 секретов, как хорошо выглядеть на фотографиях. […]

767 vues au total, 0 aujourd'hui

 

каким образом развивалась художественная литература ?

каким образом развивалась художественная литература ? **The Evolution of Artistic Literature: A Journey Through Time** Artistic literature has a rich and storied history that spans […]

978 vues au total, 0 aujourd'hui

 

каким образом развивалась художественная литература ?

каким образом развивалась художественная литература ? **Как развивалась художественная литература: путешествие от античности до современности** Художественная литература — это зеркало человечества, отражающее его радости, страхи, […]

733 vues au total, 0 aujourd'hui

 

чей поступок вызывает у вас уважение ?

чей поступок вызывает у вас уважение ? ## Какой поступок вызывает ваше уважение? Этот вопрос, присутствующий во множестве школьных заданий по литературе, заставляет задуматься о […]

722 vues au total, 0 aujourd'hui

 

чей поступок вызывает у вас уважение ?

чей поступок вызывает у вас уважение ? ### Чей поступок вызывает у вас уважение? История о смелости и честь В мире, где каждый день мы […]

954 vues au total, 0 aujourd'hui

 

почему после сна болит голова ?

почему после сна болит голова ? **Заголовок: Почему после сна болит голова? Разбираемся в причинах и решениях** Каждый из нас хоть раз сталкивался с ощущением, […]

860 vues au total, 0 aujourd'hui