The `time` element

Атрибут scoped

Атрибут  — это ещё один флаг, предназначен для использования в элементе , что позволяет указать, что CSS внутри атрибута  ограничен в применении к содержанию внутри родительского элемента.

Его цели: добавление стилей, которые необходимы только для ограниченного набора элементов на странице, или добавление пользовательских стилей в wiki или CMS.

Scoped также предназначен, для того, чтобы сделать содержание «портативным», чтобы Вы могли взять весь фрагмент HTML из одного документа, и поместить его в новый документ (возможно с помощью JavaScript).

Пример его использования приведён ниже:

<article>
  <h1>The title of my article</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  Nunc laoreet luctus rhoncus.</p>
  <section>
    <style scoped>
      p {
         color: red;
      }
    </style>
    <h2>Another title</h2>
    <p>This paragraph will be red.</p>
  </section>
</article>

В то время, , но он, .

Тег hgroup

Данный элемент использовался для группировки нескольких элементов заголовков (h). При помощи данного тега можно создать подзаголовки для составления схемы документа. Пример использования тега hgroup:

1
2
3
4
5
6
7

<article>
<hgroup>
<h1>Устаревшие теги языка HTML</h1>
<h2>Иногда спецификация языка заставляет менять код</h2>
</hgroup>
<p>Рассмотрим тему устаревших тегов подробнее...</p>
</article>

Спецификация говорит о том, что тег <hgroup> нужно заменить на:

1
2
3
4
5
6
7

<article>
<h1>
Устаревшие теги языка HTML
<span>Иногда спецификация языка заставляет менять код</span>
</h1>
<p>Рассмотрим тему устаревших тегов подробнее...</p>
</article>

Durations

It is possible to specify durations using the element, instead of precise dates.
This is done by prefixing the time with a , then writing a number of time units, and
finally a letter specifying the time unit. Here is an example:

<time datetime="P1D">

This example specifies a duration of 1 day ().

The duration units you can use are:

Unit	Description
D	Days
H	Hours
M	Minutes
S	Seconds

You cannot specify months, since a month is not a fixed amount of time (seconds). The length
of a month in seconds depends on which month you are talking about.

It is allowed to separate the parts of the duration with spaces (for readability), like this:

<time datetime="P 1 D">

If you use the after the you can specify more precise durations.
For instance:

<time datetime="PT12H 34M 59S">

This example specifies a duration of 12 hours, 34 minutes and 59 seconds.

Notice how it is allowed to separate the various components of the duration with spaces.
You could also write the above duration like this:

<time datetime="PT 12H 34M 59S">
<time datetime="PT12H34M59S">

Attributes

 
HTML tags can contain one or more attributes. Attributes
are added to a tag to provide the browser with more information about how the
tag should appear or behave. Attributes consist of a name and a value separated
by an equals (=) sign, with the value surrounded by double-quotes.
 
There are 3 kinds of attributes that you can add to your
HTML tags: Element-specific, global, and event handler content attributes. The
attributes that you can add to this tag are listed below.
 

Element-Specific Attributes

 
The following table shows the attributes that are specific to this tag/element.
 

Attributes Introduced by
HTML5
 

Attributes	Description
Pubdate	Specifies that date and time in the time element is the publication date and time of the document or the nearest ancestor article element.
datetime	The datetime attribute Specifies that the date or time for the time element. This attribute is used if no date or time is specified in the element’s content.

Global Attributes

 
The following attributes are standard across all HTML 5 tags.
 

HTML5 Global Attributes
accesskey	draggable	style
class	hidden	tabindex
dir	spellcheck
contenteditable	id	title
contextmenu	lang

 
Event Handler Content Attributes

 
Here are the standard HTML 5 event handler content
attributes.
 

onabort	onerror*	onmousewheel
onblur*	onfocus*	onpause
oncanplay	onformchange	onplay
oncanplaythrough	onforminput	onplaying
onchange	oninput	onprogress
onclick	oninvalid	onratechange
oncontextmenu	onkeydown	onreadystatechange
ondblclick	onkeypress	onscroll
ondrag	onkeyup	onseeked
ondragend	onload*	onseeking
ondragenter	onloadeddata	onselect
ondragleave	onloadedmetadata	onshow
ondragover	onloadstart	onstalled
ondragstart	onmousedown	onsubmit
ondrop	onmousemove	onsuspend
ondurationchange	onmouseout	ontimeupdate
onemptied	onmouseover	onvolumechange
onended	onmouseup	onwaiting

 
For Example
 

Pubdate attribute

 
The pub date attribute specifies that the time element
specifies the publication date of the nearest (closest ancestor) of the time
element.

1. <!DOCTYPE HTML>
2. <html>
3.     <body>
4.         <article>
5.             <timedatetime=»2011-01-28″pubdate=»pubdate»></time>
6. Article Date.  
7.         </article>
8.     </body>
9. </html>

Datetime Attribute

 
The DateTime attribute Specifies that the date
or time for the time element.
 
For Example

1. <!DOCTYPE HTML>
2. <html>
3.     <body>
4.         <div>
5.             <strong>Time:</strong>
6.             <br/>
7.             <timedatetime=»2:00:00-05:00″>2:00 PM</time>
8.         </div>
9.         <div>
10.             <br/>
11.     Date and Time  
12.             <br/>
13.             <timexsi:type=»xsd:dateTime»
14. datetime=»2011-8-30T23:59:59-04:00″>12/31/2010 11:59:59 PM</time>
15.             <br/>
16.         </div>
17.         <div>
18.             <br/>
19.     Date   
20.             <br/>
21.             <timedatetime=»2011-08-30″>August 30, 2011</time>
22.             <br/>
23.         </div>
24.     </body>
25. </html>

Internet explorer
 

FireFox  
 

Custom site

I wanted a number of enhancements to the pages, such as a standard banner with
links to the site home page, and a custom footer. I created a xhtml11.conf
file in the conf/ directory and added and sections,
originally copied from the default templates in /etc/asciidoc/xhtml11.conf.

Mostly I just cut out stuff I didn’t need (relating to JavaScript, manpage
output, etc). Instead of embedding my header navigation links in the
template, I put them in a separate _banner.html HTML fragment
which I include in the header using the include::_banner.html[] macro.

In the banner, I want to set the class of a link if I am on the page being
linked. To do this I used the regex conditional attribute:

<a class="{infile@.*index.txt:currentpage:otherpage}" ...>Home</a>

which says: if the file being processed ({infile}) ends with index.txt
then set the class to "currentpage" else to "otherpage". If do this with
every link in the banner, changing the regex as appropriate. I can them put
some CSS in my custom.css stylesheet to indicate when I am on the current
page.

To further separate input, output and configuration stuff, I structured the
project directory as follows:

Project directory

website/
  |
  - conf/           (xhtml11.conf, etc)
  |
  - pages/          (index.txt, about.txt, etc)
  |   |
  |   - articles/   (other *.txt documents)
  |
  - site/           (site resources and AsciiDoc output)

My complete Bash script for creating the website is:

build.sh

#!/bin/sh

ASCIIDOC="/usr/bin/asciidoc --backend=xhtml11 -f conf/xhtml11.conf \
    -a linkcss \
    -a stylesdir=style \
    -a stylesheet=custom.css \
    -a max-width=1024px"

function process_asciidoc {
    for INPUT in  $@ ; do
        # If a file ending in ".txt" then process with AsciiDoc.
        if  -f $INPUT  &&  `echo $INPUT | grep -c ".txt$"` == 1  ; then
            echo "Processing $INPUT"
            OUTPUT=`basename $INPUT .txt`
            $ASCIIDOC --out-file site$OUTPUT.html $INPUT;

        # Else if a directory, process its contents.
        elif  -d $INPUT  ; then
            echo "Processing directory $INPUT"
            process_asciidoc `ls $INPUT/*`
        fi
    done
}

process_asciidoc $@

Because I have customised the header and footer, I don’t need the badges,
icons or disable-javascript attributes anymore.

I invoke as build.sh pages/* to rebuild the entire site (the script
will only process *.txt files and will descend into directories) or
build.sh pages/file.txt to just update one file. While the inputs can
be separated into directories, the output is flattened so that all generated
HTML just goes in the site/ directory.

5 последних уроков рубрики «HTML5»

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

• Сегодня мы посмотрим, как можно организовать проверку доступности атрибута HTML5 с помощью JavaScript. Проверять будем работу элементов details и summary.

• HTML5 — глоток свежего воздуха в современном вебе. Она повлиял не только на классический веб, каким мы знаем его сейчас. HTML5 предоставляет разработчикам ряд API для создания и улучшения сайтов с ориентацией на мобильные устройства. В этой статье мы рассмотрим API для работы с вибрацией.

• Веб дизайнеры частенько сталкиваются с необходимостью создания форм. Данная задача не простая, и может вызвать головную боль (особенно если вы делаете что-то не стандартное, к примеру, много-страничную форму). Для упрощения жизни можно воспользоваться фрэймворком. В этой статье я покажу вам несколько практических приёмов для создания форм с помощью фрэймворка Webix.

  

  

  

  

  

  

  

  

  

  

• Знакомство с фрэймворком Webix

  В этой статье мы бы хотели познакомить вас с фрэймворком Webix. Для демонстрации возможностей данного инструмента мы создадим интерфейс online аудио плеера. Не обольщайтесь — это всего лишь модель интерфейса. Исходный код доступен в демо и на странице GitHub.

Issues

• The attribute has been removed. In HTML, the attribute from the has been removed, with no direct replacement. This causes issues for GRDDL support. It’s been suggested that profile URLs be represented in elements instead, or even as a custom HTTP header. See grddl and profile-uris

  See rel-profile which is the replacement for the profile attribute. Tantek 23:24, 5 November 2009 (UTC)

• Microdata duplicates data

  This is because microdata is designed to be generically parsable, even when the parser does not understand the vocabulary. As such, property names have to be on an explicit attribute, not shared with other, non-data classnames. —BenWard 21:12, 4 September 2009 (UTC)

  . the new attribute itemprop is designed to hold some meaningful data about an element, but class already exists to hold this data. Unsure of reasons why itemprop required?

• Some websites are not ready to upgrade to HTML5

  http://www.ascentsir.com/eng — according to IRC «ChiefRA» on 2011-06-30

  and must stick with HTML4 (or XHTML1 served/interpreted as HTML4) for now. For example:

10, New attributes and elements in HTML5.

1. Global properties

That is, attributes that can be used for all elements

attribute	describe
contentEditable	Editable
designMode	The entire page is editable
hidden	invisible
spellcheck	Spell check
tabindex	Traverse by table

2. Artifical element

The article element represents the independent and complete content in a document, page or application that can be referenced externally alone. It can be a blog or newspaper article, a forum post, a user comment or an independent plug-in, or other independent content.

It can be nested and used to represent plug-ins.

Embedded plug-in label

A title element is required

Artistic is more independent. section is used when a piece is divided into several parts

4,aside

The supplementary information part used to represent the current page or article can contain references, sidebars, advertisements, navigation bars related to the current page or main content, and other types of parts different from the main content

head

content

This is an embedded page

Embedded plug-in label

A title element is required

Artistic is more independent. section is used when a piece is divided into several parts

4,aside

The supplementary information part used to represent the current page or article can contain references, sidebars, advertisements, navigation bars related to the current page or main content, and other types of parts different from the main content

Metadata passed by command line

If you only have a metadata elements you would like to make available
to the template (e.g. title, pub date) you can easily add them using the
command line option. This is documented in the
Pandoc User Guide under the heading Reader Options. Here’s a
simple example where we have a title, “U. S. Constitution” and a
publication date of “September 28, 1787”.

The template now has two additional values available as metadata in
addition to , namely and
. Here’s an example template doc1.tmpl.

More complex metadata is better suited to creating a JSON document
with the structure you need to render your template.

RSS 2.0 Specification

Tuesday, July 15, 2003

Contents

What is RSS? Really Simple Syndication.specificationRSS version historySample files 0.910.922.0About this document RSS 0.91RSS 0.92hereRequired channel elements 

Element	Description	Example
title	The name of the channel. It’s how people refer to your service. If you have an HTML website that contains the same information as your RSS file, the title of your channel should be the same as the title of your website.	GoUpstate.com News Headlines
link	The URL to the HTML website corresponding to the channel.	http://www.goupstate.com/
description	Phrase or sentence describing the channel.	The latest news from GoUpstate.com, a Spartanburg Herald-Journal Web site.

Optional channel elements 

Element	Description	Example
language	The language the channel is written in. This allows aggregators to group all Italian language sites, for example, on a single page. A list of allowable values for this element, as provided by Netscape, is here. You may also use by the W3C.	en-us
copyright	Copyright notice for content in the channel.	Copyright 2002, Spartanburg Herald-Journal
managingEditor	Email address for person responsible for editorial content.	[email protected] (George Matesky)
webMaster	Email address for person responsible for technical issues relating to channel.	[email protected] (Betty Guernsey)
pubDate	The publication date for the content in the channel. For example, the New York Times publishes on a daily basis, the publication date flips once every 24 hours. That’s when the pubDate of the channel changes. All date-times in RSS conform to the Date and Time Specification of RFC 822, with the exception that the year may be expressed with two characters or four characters (four preferred).	Sat, 07 Sep 2002 00:00:01 GMT
lastBuildDate	The last time the content of the channel changed.	Sat, 07 Sep 2002 09:42:31 GMT
category	Specify one or more categories that the channel belongs to. Follows the same rules as the <item>-level element. More .	<category>Newspapers</category>
generator	A string indicating the program used to generate the channel.	MightyInHouse Content System v2.3
docs	A URL that points to the documentation for the format used in the RSS file. It’s probably a pointer to this page. It’s for people who might stumble across an RSS file on a Web server 25 years from now and wonder what it is.	http://blogs.law.harvard.edu/tech/rss
cloud	Allows processes to register with a cloud to be notified of updates to the channel, implementing a lightweight publish-subscribe protocol for RSS feeds. More info .	<cloud domain=»rpc.sys.com» port=»80″ path=»/RPC2″ registerProcedure=»pingMe» protocol=»soap»/>
ttl	ttl stands for time to live. It’s a number of minutes that indicates how long a channel can be cached before refreshing from the source. More info .	<ttl>60</ttl>
image	Specifies a GIF, JPEG or PNG image that can be displayed with the channel. More info .
rating	The PICS rating for the channel.
textInput	Specifies a text input box that can be displayed with the channel. More info .
skipHours	A hint for aggregators telling them which hours they can skip. More info .
skipDays	A hint for aggregators telling them which days they can skip. More info .

<image> sub-element of <channel> <cloud> sub-element of <channel> <ttl> sub-element of <channel> Gnutella<textInput> sub-element of <channel> Elements of <item> examples

Element	Description	Example
title	The title of the item.	Venice Film Festival Tries to Quit Sinking
link	The URL of the item.	http://nytimes.com/2004/12/07FEST.html
description	The item synopsis.	Some of the most heated chatter at the Venice Film Festival this week was about the way that the arrival of the stars at the Palazzo del Cinema was being staged.
author	Email address of the author of the item. .	oprah\@oxygen.net
category	Includes the item in one or more categories. .
comments	URL of a page for comments relating to the item. .	http://www.myblog.org/cgi-local/mt/mt-comments.cgi?entry_id=290
enclosure	Describes a media object that is attached to the item. .
guid	A string that uniquely identifies the item. .	http://inessential.com/2002/09/01.php#a2
pubDate	Indicates when the item was published. .	Sun, 19 May 2002 15:21:36 GMT
source	The RSS channel that the item came from. .

<source> sub-element of <item> <enclosure> sub-element of <item> here<category> sub-element of <item> <pubDate> sub-element of <item> date<guid> sub-element of <item> <comments> sub-element of <item> here<author> sub-element of <item> Comments IANA-registeredRSS2-SupportExtending RSS specifiedwould notRoadmap License and authorship licenseDave Winer

Is there a standardized (meta?) tag for the date of a website?

Solution 1:

The HTML5 specification includes proposals for WHATWG Meta Extension that can be used to indicate the creation date of a webpage.

Under the «Accepted» category, there are several proposals:

— The date the resource became available.

— The creation date of the resource.

— The date on which the resource was accepted.

— The date on which the resource was submitted.

— The publication date of a resource.

Under the «Related» section, there are «Accepted» proposals for the following MSDT codes:
— MSDT Code 1 pertains to the date when a resource was modified.
— MSDT Code 2 pertains to the resource’s validity.

Several «incomplete proposals» remain unaccepted due to insufficient documentation, including

.

Hangy’s response, consisting of

(currently

), does not seem applicable in this case. As I understand it, the date associated with the resource is the relevant date. For instance, if the resource is a discussion on the Battle of Hastings in 1066, the

could be set to 1066, and likewise for

.

Solution 2:

While it may not be considered a norm, I recall reading about RDFa on A List Apart. Employing it, or other microformatting methods, could potentially provide the answer you seek.

Solution 3:

The Dublin Core metadata, which is widely recognized and established, could be utilized for that purpose. Additionally, the

tag may also be employed.

Another option is to label your websites using XMDP, which includes a date tag indicating the most recent modification date.

Tag date in html Code Example, <label for=»meeting»>Next meeting (August 2021):</label> <input type=»date» id=»meeting» name=»meeting» min=»2021-08-01″ max=»2021-08-31″ defaultValue=»2021-08-01″>

3 ответа

1

Лучший ответ

(Обратите внимание, что ваши два примера создают другой документ.)

Используйте оба варианта. Элементы служат различным целям и прекрасно работают вместе.

Если вы можете использовать только один элемент, по какой — то причине, идти с , так как использование заголовка создает неявный раздел (где будет сделать этот раздел явно), и все -related функции (например, и ) также работают если — ближайший раздел

Обратите внимание, что нет -related функции для больше (ранние проекты HTML5 имели атрибут, который предложил такую возможность, но он получил удален)

08 апр. 2017, в 03:04
Поделиться

статья — https://www.w3schools.com/tags/tag_article.asp

главная — https://www.w3schools.com/tags/tag_main.asp

Если вы повторите его как сообщение в блоге, я лично использовал бы тег статьи

07 апр. 2017, в 22:58
Поделиться

Ещё вопросы

• Увеличить межпроцессную строку без разделяемой памяти
• 1Hibernate встраиваемое отображение списка с идентификатором
• Получение пустого значения в выпадающем меню в angularjs
• JavaScript: список не обновляется после всплывающего поиска
• Если элемент списка имеет дочерний список, добавьте стиль CSS
• 1Функция Python re.sub (), преобразующая «\ t» в пути к файлу в символ табуляции
• Не удается найти объекты $ parent scope в директиве Angular
• Использование CASE в Mysql для установки значения в поле Alias
• Загадочная проблема в моем PHP-скрипте
• 1Mastercard Обходной путь для сторонних cookie-файлов отключенных пользователей
• 1Приложение закрывается после того, как намеренно не дал разрешение на местоположение
• 1PyQt: множественный QProcess и вывод
• Отладка без отладочных символов
• Сокращение URL и получение данных
• 1Запись эквивалентного кода на Паскале в код C #
• 1Две цветные полосы на двух участках, одна и та же фигура
• отображать раскрывающийся список каждый раз, когда нажимается кнопка
• 1Модификации вvalu.py для других архитектур в поэзах тензорного потока
• Данные изображение не может показать
• Ошибка синтаксиса локального файла данных MYSQL
• Fstream не открывает файл
• 1Сообщение JMS не получено слушателем Spring
• Как получить значение даты из защищенного массива?
• JavaScript, изменение изображения с анимацией
• 1правильный ООП и гибкость между классами в Java
• Проблема с отображением подменю в Firefox
• 1C # — InstallUtil 32bit устанавливает службу, но выдает ошибку при запуске
• 1Альтернатива redis с постоянными сообщениями pub и хранилищем значений ключей?
• 1скорость анимации заголовка сворачивающейся панели инструментов
• Существующий HTML-сайт, но обработка в Google App Engine?
• 1System.DayOfWeek enum — ошибки сущностей при сохранении с проблемами KnownType; DevForce 2012
• 1Какой сценарий «закрывает» DIV, если пользователь щелкает за его пределами? (версия 5 или>, а не jQuery)
• 1Сервис автоматического выхода из системы в приложении wpf
• 1Сортировка списка наблюдаемых в нокауте
• Почему javascript (jquery), если операторы не работают, как операторы php if? И что такое решение?
• Получение информации о состоянии браузера с помощью JQuery
• ссылки в tinyMce
• 1Как я могу использовать список переменных для создания строки запроса SQL?
• Сортировать многомерный массив по значениям
• Magento, неверные цены в корзине
• 1Включить CSS в Struts2 JSP странице
• C ++: перенаправить код на определенную позицию
• Как получить метку времени из строки даты с часовым поясом, PHP?
• 1InvalidOperationException происходит при отмене токена
• JQuery Выберите переменную из внешней функции
• Только пользователь тестера может публиковать на своей стене Facebook SDK v4 PHP
• 1Перед загрузкой в WebView в Android Kotlin проверьте связь с URL-адресом веб-сайта
• 1API-интерфейс SMS-ретривера: SMSBroadcastReceiver не распознает полученное сообщение.
• 1Xpath: найти div, который следует за известным div (не вложенным)

The pubdate Attribute

The elements attribute indicates whether the given
element is the publication date of the enclosing element, or the whole
element.

Note: At the time of writing there is a proposal to drop the attribute. It is not
dropped yet, though.

Here is an example:

<time datetime="2012-05-01" pubdate>May 1st 2012</time>

Notice that you do not need to se a specific value for the
attribute. If the attribute is present as shown above, the element is considered a
publication date.

Here is an example with a element embedded in an element:

<article>

    <p>
        This is the last time a meteor hit earth.
    </p>

    <p>
        <time datetime="2012-05-01" pubdate>May 1st 2012</time>
    </p>

</article>

There are no rules about whether the element should be enclosed
in a element, or be a direct child of the
element.

Обозначение дат и времени с помощью элемента

Веб-страницы часто содержат информацию о датах и времени. Например, такая информация вставляется в конце большинства записей в блогах. К сожалению стандартного способа помечать даты не существует, вследствие чего другим программам (например, поисковым движкам) не так-то легко извлечь их из остального кода разметки. Эта проблема решается введением семантического элемента <time> с помощью которого можно обозначить дату, время или комбинацию обоих. В следующем коде приводится пример использования этого элемента:

То, что элемент <time> применяется как оболочка для даты (без времени) может показаться несколько нелогичным, но это просто одна из странностей HTML5. Логичнее было бы ввести элемент <datetime>, но этого почему-то не сделали.

От элемента <time> требуется выполнять две функции. Во-первых, он должен указывать местонахождение значения даты или времени в разметке. Во-вторых, он должен предоставлять заключенное в него значение даты или времени в форме, понимаемой любой программой. Предыдущий пример отвечает второму требованию предоставления универсального формата даты, который состоит из четырехсимвольного значения года, двухсимвольного значения месяца и двухсимвольного значения дня, в указанном порядке. Иными словами, формат даты имеет такой шаблон:

ГГГГ:ММ:ДД

Но пользователю, просматривающему веб-страницу, дату вполне допустимо показать в другом формате. Более того, дату на экран можно выводить любым нравящимся вам способом, при условии предоставления ее значения в машиночитаемом универсальном формате в атрибуте datetime, как показано в следующем примере:

В браузере это будет выглядеть таким образом:

Новый магазин откроется 21 марта.

Подобные правила также применяются и для значения времени, которое предоставляется в таком формате:

ЧЧ:ММ+00:00

То есть, дается двузначное значение часа (в 24-часовом формате), затем двузначное значение минут. Часть после знака «плюс» (или «минус») представляет смещение часового пояса от всемирного координированного времени. Указание смещения часового пояса является обязательным. Узнать смещение часового пояса для конкретного региона можно на веб-сайте «Часовой пояс».

Например, Москва находится в московском часовом поясе, который также называется UTC+4:00 (UTC — Universal Time Coordinated, всемирное координированное время), т.е. смещение данного часового пояса равно плюс четырем часам. Время 09:30 в Москве указывается в разметке следующим образом:

Таким образом, посетителям веб-страницы время представляется в привычном для них формате, в то время как для поисковых роботов и другого программного обеспечения предоставляется однозначное значение datetime, с которым они могут работать.

Наконец, время в определенный день указывается путем совмещения этих двух стандартов. Дата приводится первой, за ней следует прописная латинская буква Т, после которой указывается время:

Элемент <time> также поддерживает атрибут pubdate. Он применяется в тех случаях, когда указываемая дата совпадает с датой публикации текущего содержимого (например, статьи, в которой помещается элемент <time>). В качестве примера можно привести такой код:

Так как элемент <time> является чисто информационным и не обеспечивает никакого связанного с ним форматирования, его можно использовать для любого браузера, не волнуясь о совместимости. Но для форматирования этого элемента необходимо прибегать к обходному решению для Internet Explorer, описанному в предыдущей статье.

Элемент center

Этот элемент позволяет горизонтально центрировать все дочерние элементы. Тег center устарел еще в стандарте HTML 4.0/ Смотрим пример:

1
2
3
4
5
6
7
8
9
10

<html>
<head>
<title>Смотрим как используется тег CENTER</title>
</head>
<body>
<center>
<p>В траве сидел кузнечик, совсем как огуречик :) ...</p>
</center>
</body>
</html>

Заменить такой код можно при помощи css:

1
2
3
4
5
6
7
8

<html>
<head>
<title>Смотрим как используется стиль "align-center"</title>
</head>
<bodystyle="text-align:center;">
<p>В траве сидел кузнечик, совсем как огуречик :) ...</p>
</body>
</html>

Мы рассмотрели пятерку устаревших тегов HTML в версии языка 5.0. Хоть эти теги и устаревшие, они все равно поддерживаются браузерами. Но эксперты все же рекомендуют постепенно заменять эти тега на альтернативные. Читайте в статье HTML 2014 — новые плюхи в старой обёртке новинки нотации HTML 5.0

Советуем почитать

Быстрые заработки в интернете без вложений	Как стать лучшим в своей профессии	Моя история с Google Adsence на русском
Как не попасть под фильтр «Песочница»	Как устроиться на должность SEO-специалиста	Анализируем новый алгоритм от Яндекса под названием Минусинск

Dependencies

I had to install
GNU source-highlight in order for
the AsciiDoc source filter to work. It seems support for the
Pygments highlighter was only added in AsciiDoc 8.6.0 so
I need source-highlight if I wanted to use the filter.

There was no SlackBuild for source-highlight so I
modified another GNU SlackBuild (gsl) to make my own. It’s not
submission-quality for SlackBuilds.org, but it works. Download
here.

GNU source-highlight doesn’t come with a Vim highlight config so I had a go at
writing my own, which you can get here. It covers
maybe 0.1% of the Vim syntax but 90% of the stuff I use. In particular, it’s
handling of Vim comments is likely to be dodgy, given that a Vim comment
starts with a double-quote so that you can have lines like:

let s:varname = "text string"   " trailing comment

You can run the source highlighter on Vim files by hand using:

source-highlight --lang-def vim.lang --src-lang vim -i test.vim -o test_vim.html

However, to get it to work with AsciiDoc, I had to copy my vim.lang to the
source-highlight datadir (in my case, /usr/share/source-highlight)
and edit /usr/share/source-highlight/lang.map to map the vim language to
the vim.lang language definition file.

/usr/share/source-highlight/lang.map

...
vim = vim.lang

If I didn’t want to mess with the system-wide settings, I could make a local
copy of the datadir, say ~/.source-highlight/data, and apply my changes
there. As far as I have tried, it’s all or nothing: you can’t put only your
own customisations in the local datadir and have source-highlight fallback
on the system datadir for other resources.

Specifying the pubdate of an article

“The pubdate attribute is a boolean attribute. If specified it indicates that thedate and time given by the element is the publication date and time of the nearestancestor <article> element, or, if the element has no ancestor <article>element, of the document as a whole.” – WHATWG’s HTML5 Draft Standard –http://whatwg.org/html5

Getting ready

The new pubdate is an attribute for the new <time> element when it exists within the new<article> element. It allows us to be even more precise when presenting the date and timeof publication.

How to do it…

In this recipe we’ll build on the new <time> element from the last recipe and add the newoptional pubdate attribute to display our publication date.

There’s more…

You can think of pubdate as adding extra information to an element (<time>) that is alreadyproviding extra information. It is like the cherry on a sundae. And who doesn’t like cherries ontheir sundaes?

Still waiting on browsers

We are getting really forward-thinking by including new elements like <mark>, <time>, andpubdate, as none are fully supported by any browser—yet.

Modern browsers like Firefox display the new element and pubdate attribute nativelywithout styling.

Extra credit

You can code the new pubdate Boolean attribute as <time datetime=”2010-11-29″pubdate=”pubdate”> if you want to conform to XML syntax.

Let’s end confusion

Even though HTML5 is still quite new, there’s already some confusion about the new pubdateBoolean attribute. Some think it should generate the date of publication based on yourcomputer clock or a server. That’s not its role. Its role is to produce a machine-readablepublication date that is useful no matter what text you may put after it.

See also

Tantek Celik has created a very useful site at http://favelets.com that features all sortsof “bookmarklets” or in-browser JavaScript commands. Use these to do things like validateHTML5, CSS, and anchors all in the same window. Very helpful!

Pages: Page 1 Page 2 Page 3 Page 4