rad1us
@rad1us

Как вам такая верстка от новичка?

Вобщем ровно месяц назад я начал изучать HTML. Решил этим занять потому что банально интересно ну и ради расширения кругозора. Начальные знания были нулевыми, всего потратил примерно 30-40 часов чистого времени. Позавчера решил перестать колупать чужие шаблоны и сверстать что-то с нуля. Целью выбрал создание блога системного администратора.

Результат - codepen.io/anon/pen/qOJpYz (контент добавлен рандомно, просто ради наполнения)

Вопросы:
1. Нормальная ли это верстка для новичка?
2. Какие недочеты бросаются в глаза?
3. ну и любая другая критика\советы\замечания...
  • Вопрос задан
  • 1504 просмотра
Решения вопроса 1
27cm
@27cm
TODO: Написать статус
Это печально: href="C:\mycite\index.html"

Div не закрыли:
<a href="C:\mycite\index.html"><div class="logo">
    <h1>Заметки сисадмина</h1>
    <p>Настройки, решения и прочее...</p>
</a>


В HTML5 кодировку можно указывать проще. Ещё есть теги article, footer, header, nav и куча других, которые можно было бы использовать.

Нет смысла каждый раз прописывать font-family: Arial, Helvetica, sans-serif;, если это уже сделано для body.

Необычный code style:
.article{
	width:100%;
	height:100%;
}

Приучайтесь не терять пробелы:
.article {
    width: 100%;
    height: 100%;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
zooks
@zooks
Frontend
Для новичка нормально, но не используйте абсолютные виндовские пути вида C:\mycite\, делайте относительные.
А также:
  • Кодировка определена по-старому.
  • Не используется идентация.
  • Сверстано на дивах - без семантических HTML5-тегов (header, main, article, aside, footer).
Ответ написан
Комментировать
Nekto_Habr
@Nekto_Habr
Чат дизайнеров: https://t.me/figma_life
Норм, так держать
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы