У меня есть раздел, который разделен на 2 части. Левая сторона предназначена только для изображения, а правая - только для статьи. Мой код правильный?
<section>
<h1>Section header</h1>
<div style = "float: left;">
<img src = "#" alt = "somepic" />
</div>
<article style = "float: right;">
<h2>About me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</section>
Да, ваша структура разметки вполне приемлема. Элемент раздела HTML5 можно использовать по вашему усмотрению для содержания контента, связанного с определенной темой или действием. Нет конкретных правил о том, какие элементы он может включать. Вы также можете использовать figure
для обертки изображения. МДН
Однако я не рекомендую использовать плавающие элементы (которые часто приводят к непредсказуемому или нежелательному поведению) и встроенные стили (которые просто беспорядочны). Вместо этого установите для своих элементов значение inline-block
и задайте им явную (в процентах) ширину, используя классы CSS во встроенном теге style
или во внешней таблице стилей.
Можете ли вы привести реальный пример для заголовка
h1
? О чем этоsection
?