Ответы пользователя по тегу HTML
  • Зачем комментарии на сайте оборачивать в тег article?

    в тоже время его рекомендуют оборачивать тегом article

    Вы в другом ответе так и не ответили на вопрос, где же рекомендуют комментарии оборачивать в тег article.

    Зачем комментарии на сайте оборачивать в тег article?

    Вот здесь, например, пишут, что для "комментарии к публикации в блоге могут быть элементами article, вложенными в другой article, являющийся публикацией в блоге." Ключевые слова "могут быть" и "вложенными".

    Таким образом использование тега article для комментариев на сайте не является обязательным и должно зависеть от контекста страницы. Более того, использование данного тега может быть излишним, если комментарии дополняют содержимое страницы и не имеют особой значимости для поисковых систем или пользователей.
    Ответ написан
  • Проблемы при верстке?

    Для обнуления появившегося отступа можно использовать свойство overflow со значением auto.
    <div class="outer">
      <div class="inner">INNER</div>
    </div>

    В стилях к классу родительского div добавлено свойство overflow: auto;
    * {
      padding: 0px;
      margin: 0px;
    }
    .outer {
      width: 100%;
      height: 100vh;
      background-color: red;
      overflow: auto; 
    }
    .inner {
      background-color: green;
      width: 60%;
      height: 60px;
      margin: 25px auto;
    }


    В итоге получаем такой результат
    655e62181968d567761883.png
    Ответ написан
    Комментировать
  • Как из формы получить описание выбранного select option с помощью php POST?

    Вы же где-то берёте, что curs1 = Курс 1, curs2 = Курс 2, curs3 = Курс 3?

    Вы либо сопоставляете значение по curs1, curs2, curs3 в php, если оно у вас где-то хранится, например:
    $courses = [
        'curs1' => 'Курс 1',
        'curs2' => 'Курс 2',
        'curs3' => 'Курс 3'
    ];
    
    $courses[$_POST['scourse']];

    Либо пишите Курс 1, Курс 2, Курс 3 в value.
    <select name="scourse" id="selectcourse"  >
              <option value="">Выберите курс для обучения</option>
              <option value="Курс 1">Курс 1</option>
              <option value="Курс 2">Курс 2</option>
              <option value="Курс 3">Курс 3</option>
    </select>

    UPD: Или как в комментариях написали, value в этих оption можно вообще не писать.
    <select name="scourse" id="selectcourse"  >
        <option value="">Выберите курс для обучения</option>
        <option>Курс 1</option>
        <option>Курс 2</option>
        <option>Курс 3</option>
    </select>


    P.S. И не забывайте валидировать то, что приходит в $_POST и $_GET.
    Ответ написан
    6 комментариев
  • Почему не сохраняется дизайн из CSS?

    Во-первых, нужно проверять подключение стилей. Убедиться, что файл действительно подгружается. В данном случае style.css должен находиться в той же директории, что сама страница, где подключается файл.
    <link rel="stylesheet" href="style.css">
    Во-вторых, проверить кеширование стилей. Браузер попросту мог закешировать файл стилей до внесения изменений в него.
    Ответ написан
  • Чем тег figcaption отличается от атрибута alt?

    Атрибут alt - это альтернативное описание. Например, когда не удается подгрузить картинку, то на странице будет отображаться текст из alt. Используется для тега img, но может также присутствовать в area и input (если тип вода изображение).
    figcaption - это описание к элементу. Используется в тегах для изображений, видео, диаграмм и т.д. Отображается на странице всегда. Если взять книгу для примера, то это описание под иллюстрацией.
    Если вы заполните оба атрибута, и картинка по какой-то причине не загрузиться, то вы увидите на странице и то, что содержится в alt, и то, что написано в figcaption.

    https://thoughtbot.com/blog/alt-vs-figcaption
    Ответ написан
    Комментировать
  • Как поставить интенсивность изменения цвета кнопки при наведении?

    Можно через js (jquery):
    $(selector).hover(inFunction,outFunction);
    https://www.w3schools.com/jquery/event_hover.asp

    Можно через псевдокласс :hover в css:
    htmlbook.ru/css/hover
    Ответ написан
    Комментировать