HTML5 Правильная структура позволяющая использовать заголовок h1 повторно:

Тема в разделе "ВАЖНО:Решение любых проблем с ПО и железом", создана пользователем Lyudmila, 23 апр 2014.

↑ ↓
  1. Lyudmila Уважаемый пользователь
    Lyudmila
    Ответить в чате

    Форумчанин

    Регистрация:
    12.03.2014
    Сообщения:
    261
    Симпатии:
    446
    Пол:
    Женский
    Репа:
    +448 / 1 / -0
    Всё ради тебя!!! Приветик всем! Хочу попробовать несколько страничек на HTML5... С его помощью можно заголовок H1 использовать неоднократно. Вот как у меня получается:
    1-й вариант:
    <div class="sidebar">
    <article>
    <header>
    <h1>Последние новости</h1>
    <h2>Изучение HTML5</h2>
    </header>
    <section>
    <p>Мы начинаем HTML5. Пожалуйста, посмотрите внимательно, - насколько правильно сделана разметка статей на одной странице.... </p>
    <section>
    </article>
    </div>

    2-й вариант:
    <div class="sidebar">
    <article>
    <header><h1>Наша реклама</h1></header>
    <section>
    <h2>CSS3, HTML5</h2>
    <p> HTML5? - это новое в семантике, мультимедиа, графике.... </p>
    <section>
    </article>
    </div>

    Ребят, может кто скажет, какой вариант верный, в первом случае h1, h2 - <header>,
    а во втором, - h2 вынесла в <section>....
    Скорее всего правильно в варианте первом... но я могу ошибаться...
    Заранее благодарю!
     
    • Мне нравится Мне нравится x 1
  2. Антоха Администратор
    Антоха
    Ответить в чате

    Администрация

    Регистрация:
    26.12.2012
    Сообщения:
    3.181
    Симпатии:
    11.095
    Пол:
    Мужской
    Репа:
    +11.243 / 47 / -6
    Jabber:
    Skype:
    Привет,Людмила!К сожалению шефа нет сейчас на форуме (наверное куда-то уехал),так что ответа,я думаю,тебе пока никто не даст.Пишу не ради пустого флуда,просто некрасиво,когда задают вопрос,а все молча проходят мимо.На этом форуме у пользователей,немного другой профиль знаний.Вот если бы ты спросила,как активировать "винду" в три клика мышки или как стырить пароли из браузера у любимой подружки...тут,мне кажется,мы смогли бы тебе помочь;)
    Удачи!
     
  3. Lyudmila Уважаемый пользователь
    Lyudmila
    Ответить в чате

    Форумчанин

    Регистрация:
    12.03.2014
    Сообщения:
    261
    Симпатии:
    446
    Пол:
    Женский
    Репа:
    +448 / 1 / -0
    sm582398247 Сделала вроде бы! Работает по первому варианту...., но у меня часть контента получилось и по второму варианту... короче работает и так и эдак!
    Только я вот добавила на страницу еще вот это (может кому понадобится!) :
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->


    <style>
    section { display: block; }
    /* ... */
    article { display: block; }
    </style>
    Пока.like it
     
    • Мне нравится Мне нравится x 1
  4. Lyudmila Уважаемый пользователь
    Lyudmila
    Ответить в чате

    Форумчанин

    Регистрация:
    12.03.2014
    Сообщения:
    261
    Симпатии:
    446
    Пол:
    Женский
    Репа:
    +448 / 1 / -0
    Антоха, спасибо! У меня как раз получилось! А я про винду еще спрошу когда-нибудь..., у меня совсем с этим плохо, прям до слез бывает!
    Счастливо! Я отписалась уже по поводу HTML5 и про профиль тож доперла... Постараюсь вас больше не мучить подобными штуками...
    Пока.Всё ради тебя!!!
     
    • Мне нравится Мне нравится x 1
  5. Антоха Администратор
    Антоха
    Ответить в чате

    Администрация

    Регистрация:
    26.12.2012
    Сообщения:
    3.181
    Симпатии:
    11.095
    Пол:
    Мужской
    Репа:
    +11.243 / 47 / -6
    Jabber:
    Skype:
    Наоборот мучай!А то мы так и останемся необразованными в этой сфере знаний)А так глядишь и научимся чему-нибудь,глядя на твои темы.
    Пока :Mem2:
     
  6. Lyudmila Уважаемый пользователь
    Lyudmila
    Ответить в чате

    Форумчанин

    Регистрация:
    12.03.2014
    Сообщения:
    261
    Симпатии:
    446
    Пол:
    Женский
    Репа:
    +448 / 1 / -0
    Ладненько! Тем более я не сразу обращаюсь, а когда уже совсем невмоготу... Сегодня вспомнила крылатую фразу: дорогу осилит идущий и прям стало лучше... НАМНОГО... думаю ПОЙДУ... Я творю!!!
     
    • Мне нравится Мне нравится x 1
  7. Lyudmila Уважаемый пользователь
    Lyudmila
    Ответить в чате

    Форумчанин

    Регистрация:
    12.03.2014
    Сообщения:
    261
    Симпатии:
    446
    Пол:
    Женский
    Репа:
    +448 / 1 / -0
    Тем более я на ТВ недавно услышала фразу такую:
    Беги к своей цели, не можешь бежать, -
    Иди к своей цели!
    Не можешь идти, - ползи к своей цели!
    Не можешь ползти, - ляг по направлению...
    Я даже записала это в тетрадку... смех-смех!!!
     
    • Мне нравится Мне нравится x 2
  8. Lyudmila Уважаемый пользователь
    Lyudmila
    Ответить в чате

    Форумчанин

    Регистрация:
    12.03.2014
    Сообщения:
    261
    Симпатии:
    446
    Пол:
    Женский
    Репа:
    +448 / 1 / -0
    :Mem3: Может даже ПОБЕГУ... :NewYer1:
     
    • Мне нравится Мне нравится x 1
  9. Lyudmila Уважаемый пользователь
    Lyudmila
    Ответить в чате

    Форумчанин

    Регистрация:
    12.03.2014
    Сообщения:
    261
    Симпатии:
    446
    Пол:
    Женский
    Репа:
    +448 / 1 / -0
    А вот еще нашла по теме HTML5:
    <section>
    <article>
    <header>
    Article header
    </header>
    Article
    </article>
    <article>
    <header>
    Article header
    </header>
    Article
    </article>
    </section>
     
  10. ewwa Уважаемый пользователь
    ewwa
    Ответить в чате

    Форумчанин

    Регистрация:
    19.02.2014
    Сообщения:
    157
    Симпатии:
    400
    Пол:
    Мужской
    Репа:
    +402 / 0 / -0
    улыбнулосмех-смех!!!
     

Поделиться этой страницей