search

Yevs / kottans-homework

1 stars 0 forks source link

Домашка №1, HTML #2

Closed tiny-kottan closed 8 years ago

tiny-kottan commented 8 years ago

Разметить эту страницу: https://habrahabr.ru/post/244929/ от вас ожидаеться .html файл с семантичной разметкой, без css/js крупные части контента копипастить не стоит (саму статью, там h*/p/code -- все просто), а вот остальное -- нужно как должно выглядить

<!doctype html>
<html lang=ru>
<meta charset=utf-8>
<title>Habrahabr.ru</title>
<header>
  <ul>
    <li><a href=...>TM Feed</a>
    <li><a>Хабрахабр</a>
  </ul>```
Yevs commented 8 years ago

https://github.com/Yevs/kottans-homework/blob/master/week01/lec1/habr.html

mkozhukharenko commented 8 years ago 
    <nav>
        <ul>
            <li><a href=#>Войти</a></li>
            <li><a href=#>Регистрация</a></li>
        </ul>
        <h1>Разделы</h1>
        <ul>
            <li><a href=#>Публикации</a></li>
            <li><a href=#>Хабы</a></li>
            <li><a href=#>Компании</a></li>
        </ul>
        <h1>Инфо</h1>
        <ul>
            <li><a href=#>О сайте</a></li>
            <li><a href=#>Правила</a></li>
        </ul>
        <!-- не уверен, надо ли здесь везде small -->
        <ul>
            <li><small><a href=#>&copy; TM</a></small></li>
            <li><small><a href=#>Служба поддержки</a></small></li>
            <li><small><a href=#>Мобильная версия</a></small></li>
        </ul>
        <address>
            <a href=#><img src=/img/twitter.png alt=Twitter></a>
            <a href=#><img src=/img/facebook.png alt=Facebook></a>
            <a href=#><img src=/img/vk.png alt=vk></a>
        </address>
    </nav>

I wouldn't place 

<address>
            <a href=#><img src=/img/twitter.png alt=Twitter></a>

inside a nav

mkozhukharenko commented 8 years ago

👍 looks good

mkozhukharenko commented 8 years ago

You can add a hidden heading to this section

<section>
        <ul>
            <li><a href=#>TM Feed</a></li>
            <li><a>Хабрахабр</a></li>
            <li><a href=#>Geektimes</a></li>
            <li><a href=#>Тостер</a></li>
            <li><a href=#>Мой круг</a></li>
            <li><a href=#>Фрилансим</a></li>
        </ul>
    </section>