Шаблоны Joomla здесь

Специфика HTML5

Категория: Программирование Обновлено: 08.11.2018 Опубликовано: 30.10.2018 Печать

Сравнительно новая спецификация, которая может не поддерживаться в старых версиях браузеров.

<!DOCTYPE html>
<meta charset="utf-8" />
<header>: Используется для верхнего колонтитула сайта.
<footer>: Используется для нижнего колонтитула сайта.
<nav>: Содержит навигационные функции страницы.
<article>: Содержит автономный фрагмент контента, который будет иметь смысл, если используется как позиция RSS, например, новостное сообщение.
<section>: Используется либо для объединения в группу различных статей с различной целью или по различным темам, или для определения различных разделов одной статьи.
<time>: Используется для разметки времени и даты.
<aside>: Определяет блок контента, который связан с основным контентом, но не входит в его основной поток.
<hgroup>: Используется в качестве оболочки скрытия более одного заголовка, если требуется, чтобы учитывался только один заголовок в структуре заголовков страницы.
<figure> и <figcaption>: Используется для инкапсуляции рисунка как единого элемента, и содержит, соответственно, подпись для рисунка.
<mark>: можно выделить термины, значимые в данный момент, или часть контента, к которым вы хотите привлечь внимание, но не хотите изменять их семантическое значение
<canvas>: определяет область для рисования линий, фигур и текста при помощи команд JavaScript

<header>
  <hgroup>
    <h1>A history of Pop Will Eat Itself</h1>
    <h2>Introducing the legendary Grebo Gurus!</h2>
  </hgroup>
</header>

<footer>
  <h3 id="copyright">Copyright and attribution</h3>
</footer>

<nav>
  <h2>Contents</h2>
    <ul>
      <li><a href="#Intro">Introduction</a></li>
      <li><a href="#History">History</a>
      <!—другие навигационные ссылки ... -->
      </ul>
</nav>

<aside>
  <table>
    <!—- множество кратких фактов в этом месте -->
  </table>
</aside>

<figure>
  <img src="/pwei.png" alt="Old poppies logo" />
  <figcaption>
    The old poppies logo, circa 1987.<br /> <a href="http://www.flickr.com/photos/bobcatrock/317261648/">
     Original picture on Flickr</a>, taken by bobcatrock.
  </figcaption>
</figure>

<time datetime="1989-03-13">13th March 1989</time>
<time datetime="1989-03-13T13:00">One o'clock in the afternoon, on the 13th of March 1989</time>

<article>
  <section id="Intro">
    <h2>Introduction</h2>
<!--multiple article elements could go in here -->
  </section>
<section id="History">
    <h2>History</h2>
<!--multiple article elements could go in here -->
  </section>
<section id="Discography">
    <h2>Discography</h2>
<!--multiple article elements could go in here -->
  </section>
</article>


Формы

Поля ввода для числа
<input type="number">

Создание элемента управления ползунка
<input type="range">

<input type="date">
<input type="time">
<input type="color">
<input type="search">

<input type="text" list="mydata" … >
<datalist id="mydata">
    <option label="Mr" value="Mister">
    <option label="Mrs" value="Mistress">
    <option label="Ms" value="Miss">
</datalist>

<input type="tel">
<input type="e-mail">
<input type="url">

Атрибуты форм
placeholder - текст в поле ввода по умолчанию
autofocus - автоматическое помещение поля формы в фокус при загрузке страницы
min и max - <input type="number" … min="1" max="10">
step - <input type="time" … step="1800">


Вывод значений

<input type="range" id="rangeexample" … >
<output onforminput="value=rangeexample.value" for="rangeexample"></output>

<progress> и <meter> - создают индикатор или панель

Видео

<video src=myVideo.ogv
  width=320
  height=240
  controls
  poster=image.jpg>
</video>

Текст, помещающийся внутри данного тега будет отображаться в браузерах, не поддерживающих его

Атрибуты видео
autoplay
autobuffer: чтобы загрузка медиа начиналась немедленно после загрузки страницы
loop: приводит к циклическому повторению воспроизведения видео
play() и pause()
volume
currentTime: возвращает текущую позицию воспроизведения в секундах, также выраженную как float
muted

 

Если вашему сайту требуется модификация в соответствии с новой спецификацией: приведение одной статической страницы - 700 руб., изменение шаблона сайта на системе управления - 10.000 руб.

 

Для сайтов находящихся на тарифном обслуживании и администрировании работы проводятся без дополнительной оплаты, входят в стоимость тарифа

По всем вопросам обращаться по адресу: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра. или по телефону (WhatsApp): +7-994-009-32-20

 

Поделиться страницей в социальных сетях:

Просмотров: 618

Добавить комментарий

Защитный код
Обновить