Вывести сегодняшнюю дату html

Содержание

Веб-дизайн и поисковая оптимизация
Вывести сегодняшнюю дату html
Кратко
Пример
Как пишется
Как понять
Примеры в машинном формате

Веб-дизайн и поисковая оптимизация

В предыдущих статьях было рассмотрено создание формы обратной связи и проверка её заполнения посетителем сайта. Еще одна полезная для сайтов вещь — вставка текущей даты. Примеров скриптов даты можно найти в интернете десятки, однако многие из них, на мой взгляд, тяжеловесны и, следовательно, некрасивы. Между тем, используя стандартные средства JavaScript, вставить дату на страницу сайта можно очень просто.

var day=new Array(«Воскресенье»,»Понедельник»,»Вторник»,
«Среда»,»Четверг»,»Пятница»,»Суббота»);

var month=new Array(«января»,»февраля»,»марта»,»апреля»,»мая»,»июня»,
«июля»,»августа»,»сентября»,»октября»,»ноября»,»декабря»);

document.write(day[d.getDay()]+» » +d.getDate()+ » » + month[d.getMonth()]
+ » » + d.getFullYear() + » г.»);
//—>

По-моему, проще некуда, достаточно красиво и понятно. Если у вас нет никакого желания изучать построение этого скрипта, то просто вставляйте его в любое место HTML-страницы и получите следующую надпись: .

Естественно, вы можете оформлять шрифт выводимой надписи обычными средствами HTML. В данном случае использован жирный красный шрифт.

Кстати, вывод текущей даты в тексте частенько используется недобросовестными сайтостроителями в подписях под новостями или статьями: вы видите сегодняшнее число, хотя новость уже давно состарилась.

Теперь для любознательных, а также любящих смотреть в корень, разберём составляющие нашего скрипта вывода даты. Это полезно не только для чувства глубокого внутреннего удовлетворения, но и позволит вам задавать необходимую форму вывода даты.

Объект Date возвращает, то есть считывает с компьютера, информацию о текущей дате. Хотя значения даты возвращаются в стандартной форме, фактическое значение хранится как количество миллисекунд, прошедших после полуночи 1 января 1970 года. Применение этого соглашения запрещает использование дат до 1970 года. (Всегда удивляюсь, как изощрённо программисты умудряются запудрить мозги нормальному человеку. Вспомните страшилки, которыми нас пугали при переходе к новому 2000 году!)

Итак, начинаем с присвоения значения даты переменной d, затем создаём массивы (Array) для дней недели (day) и месяцев (month), указывая их в необходимой грамматической форме: падеж, число, заглавная буква, если слово стоит в начале даты и т.п. Последняя строчка скрипта — собственно печать даты (document.write). Здесь вы устанавливаете, что и в какой последовательности будете выводить в строке текущей даты. Компоненты отделяются друг от друга знаком +. Для ввода пробела используется конструкция » «, а для ввода буквы г (год) — конструкция » г.»

Как видно из скрипта, получение данных о текущем времени выполняет элемент get. Этот метод позволяет получить следующую информацию:

getDate() — возвращает число от 1 до 31, представляющее число месяца;
getDay() — возвращает день недели как целое число от 0 (воскресенье) до 6 (суббота);
getMonth() — возвращает номер месяца в году;
getFullYear() — возвращает год. Если использовать просто getYear(), то будет выводиться текущий год минус 1900;
get Hours() — возвращает час суток;
getMinutes() — возвращает минуты как число от 0 до 59;
getSeconds() — возвращает число секунд от 0 до 59.

Читайте также: Get and post data in php

Вставлять непосредственно Java-скрипт внутрь страницы сайта не всегда удобно. Лучше поместить описание скрипта в начало страницы между тегами и задать переменную, которую будем вызывать по мере необходимости в тексте. Назовём её TODAY и определим в ней форму вывода даты аналогично вышеизложенному. Скрипт будет выглядеть следующим образом:

Для вывода даты вызываем скрипт в нужном месте HTML-кода страницы, используя следующую команду:

Если ваш сайт содержит много страниц, на которых надо показывать дату, то удобнее выделить Java-скрипт вывода даты в отдельный файл, например, data.js. Практически, это страница, состоящая из первого из описанных скриптов, то есть со строкой document.write (см. выше). Располагать её надо в том же каталоге, что и основная страница, и вызывать в месте вывода даты следующим образом:
.

Не забудьте проверить, чтобы файл data.js имел ту же кодировку, что и основной документ, иначе дата будет выводиться замечательными крючками, квадратиками и прочими финтифлюшками. Если вы используете программу Adobe Dreamweaver, то для этого надо выбрать раздел Редактировать — Установки. — Создать документ — Java Script — Кодировка по умолчанию. Также сменить кодировку скрипта можно в Microsoft Word. Для этого откройте документ, задайте нужную кодировку, если он выводится неверно (как это сделать, смотрите в «Справке Word»), а затем сохраните его следующим путем: Файл — Сохранить как — Обычный текст — Сохранить. В открывшемся окне вы можете задать необходимую кодировку.

Замечание. Следует иметь ввиду, что описанный скрипт выводит дату, установленную на компьютере пользователя, что не всегда соответствует реальному текущему времени. Если вам необходимо показать точное время, то необходимо использовать РНР-скрипт, который будет показывать время на сервере. Об этом способе вывода даты на сайте, а также о добавлении даты в письма с формы обратной связи расмотрим в следующей статье.

И последнее — для особо ленивых. Если описанный способ вставки даты покажется вам сложным, то, как говорилось в начале статьи, вы можете воспользоваться готовыми формами, предлагаемыми в интернете, например, информерами Яндекса. Для их размещения на сайте выбираете нужный раздел (пробки, время, погода или новости), понравившийся дизайн информера, задаете город и получаете код для вставки. Два вида таких информеров даты показаны на примере внизу:

Как раскрутить сайт (серия статей)
Создание формы обратной связи
Создание иконки для сайта
Создание выпадающего меню
Вебдизайн с jQuery — это очень просто!
Курсор как элемент веб-дизайна
Создание гостевой книги на сайте
Фон для сайта
Вывод текущей даты на сайте
Создание бегущей строки на сайте
Создание «схемы проезда» на сайте
Ключевые слова и продвижение сайта
Оптимизация и ускорение компьютера. Обзоры программ

Источник

Вывести сегодняшнюю дату html

Разметка для даты и времени — и для людей, и для роботов.

Время чтения: меньше 5 мин

Обновлено 27 декабря 2021

Кратко

Скопировать ссылку «Кратко» Скопировано

Элемент служит для разметки дат, времени или периода времени: в содержимое тега идёт формат для человека, а в атрибут datetime версия для машин — поисковому роботу точно понравится 🙂

Пример

Скопировать ссылку «Пример» Скопировано

Так можно указать конкретную дату:

 Дока вышла в релиз 12 октября 2021 Дока вышла в релиз time datetime="2021-10-12">12 октября 2021time>

 Челябинский метеорит вошёл в земную атмосферу  15 февраля 2013 около 09:20  Челябинский метеорит вошёл в земную атмосферу time datetime="2013-02-15T09:20+06:00"> 15 февраля 2013 около 09:20 time>

А так можно указать временной интервал:

 Самый длинный клип Twenty One Pilots на песню Level of Concern длится177 дней, 16 часов, 10 минут и 25 секунд Самый длинный клип Twenty One Pilots на песню Level of Concern длится time datetime="117d 16h 10m 25s">177 дней, 16 часов, 10 минут и 25 секундtime>

Как пишется

Скопировать ссылку «Как пишется» Скопировано

Вся магия элемента кроется в атрибуте datetime , который принимает значение формата
YYYY — MM — DD Thh : mm : ssTZD .

YYYY : год 4 цифры (прим. 2009);
MM : месяц 2 цифры (прим. 05);
DD : день 2 цифры (прим. 04);
T : разделитель даты и времени, можно заменить пробелом;
hh : часы 2 цифры (прим. 18 для 06.00pm);
mm : минуты 2 цифры (прим. 34);
ss : секунды 2 цифры (прим. 40);
TZD : Обозначение часового пояса (прим. +02:00 для Каира).

 Солнечный июль time datetime="2021-07">Солнечный июльtime>

Который можно опустить, если внутри тэга валидное значение атрибута datetime :

 2021-07 time>2021-07time>

Как понять

Скопировать ссылку «Как понять» Скопировано

Все мы работаем с датами: напоминания, сообщения, события. Представьте, что браузер или любой другой HTML-интерпретатор сможет распознать существующие даты на странице.

добавить событие в календарь;
автоматически преобразовать дату в пользовательский формат, указанный браузером;
адаптировать дату и время в соответствии с временной зоной пользователя;
агрегаторам контента автоматически генерировать временную шкалу событий;
улучшить доступность даты и времени для считывающих программ;
поисковикам улучшать результаты выдачи на основе актуальности контента.

Если оборачивать даты в простые блоки или другие элементы, они будут восприниматься интерпретатором как простой текст, без возможности распознания и машинной обработки.

Примеры в машинном формате

Скопировать ссылку «Примеры в машинном формате» Скопировано

Содержимое атрибута datetime для машин чаще всего и генерируется машиной, но если вы человек и вам нужно указать его самостоятельно, либо написать скрипт для такого вывода, эти примеры для вас.

Год и месяц
2014 — 06
Год перед месяцем.

Дата
1969 — 07 — 16
Год, месяц, потом день.

Дата без года
12 — 31
Месяц перед днём.

Только время
14 : 54 : 39 . 929
Час, минуты, потом секунды. Секунды не обязательно. Доли можно указать тремя цифрами после точки.

Дата и Время
2013 — 11 — 20 T14 : 54
Комбинация даты и времени, разделяется заглавной T .

Временная зона
+06 : 00
Начинается с плюса или минуса. Двоеточие не обязательно. +00:00, или UTC время, можно указать большой буквой Z .

Локальное время и дата
2019 — 12 — 31 T23 : 59 : 59 — 02 : 00

То же самое, что дата и время, только с временной зоной.

Год и Неделя
2010 — W21
Сначала год, потом количество недель после большой W .

Только Год
1776
4 цифры или больше, работает и так 0001 , и так 12345 .

Длительность (Способ 1)
P2DT2H30M10 . 501S
Заглавная P , день (необязательно), заглавная T , дальше необязательные часы, минуты и секунды. Все буквы должны быть заглавными.

Длительность (Способ 2)
1w 2d 2h 30m 10 . 501s
Неделя ( w ), день ( d ), час ( h ), минута ( m ) и секунда ( s ). Буквы могут быть маленькими и большими. Пробелы не обязательны.

Источник