стаж<a ?
-
Aucun détail d'annonce trouvé.
- Répertoriée 26 juin 2021 16 h 40 min
- Expires: 8933 jours, 16 hours
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
Sponsored Links
Бесплатное онлайн-резюме
Бесплатное онлайн-резюме Существует множество онлайн-инструментов, которые позволяют бесплатно и легко создать профессиональное резюме. Эти платформы предлагают множество шаблонов, возможностей настройки и упрощают макетирование. Зачем использовать […]
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
Commentaires récents