nav - обнаружить меню становиться проще

Категории
Поток содержание .
Структурирование содержания .
Форматирование содержания.
Контекст, в котором этот элемент может быть использован:
Там, где поток содержание не ожидается.
Содержимое модели:
Поток содержание .
Содержимое атрибутов:
Глобальные атрибуты

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

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

---

А теперь о интересном и новом - section элемент, которого небыло в html 4

Категории
Поток содержание .
Структурирование содержания .
Форматирование содержания .
Контекст, в котором этот элемент может быть использован:
Там, где поток содержание не ожидается.
Содержимое модели:
Поток содержание .
Содержимое атрибутов:
Глобальные атрибуты

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

<section id="rock">
  <h2>Rock bands</h2>
  
</section>

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

Section элемент не является обязательным элементом контейнера. Когда необходимо можно использовать div элемент вместо него.
Общее правило заключается в том, что использование section элементов целесообразно, только если содержимое элемента будут перечислены непосредственно в плане документа.

---

body: в "прокачанном" теле - красивый сайт

Категории
Секционирование корень .
Контекст, в котором этот элемент может быть использован:
В качестве второго элемента в html элементов.
Содержимое модели:
Поток содержание .
Содержимое атрибутов:
Глобальные атрибуты

body элемент представляет основное содержание документа.
В документе может быть только один элемент body.

---

noscript - когда скрипты запрещены

Категории
Метаданные содержания .
Поток содержание .
Формулировка содержания .
Контекст, в котором этот элемент может быть использован:
В head элемент HTML документ , если нет предка noscript элементов.
Если формулировка содержания ожидается в HTML документы , если нет предка noscript элементов.
Содержимое модели:
Когда сценариев отключена , в head элемент: в любом порядке, ноль или более link элементы, ноль или более style элементов и ноль или более meta элементов.
Когда сценариев отключена , а не в head элемент: прозрачный , но не должно быть никаких noscript потомков элемента.
В противном случае: текст, который соответствует требованиям, изложенным в сертификации.
Содержимое атрибутов:
Глобальные атрибуты

noscript элемент ничего не передает, если сценарии включены, и передает свое содержимое, если сценарии отключены. Он используется для представления различных разметок агентам пользователей, поддерживающих скрипты и для тех, которые не поддерживают сценарии, влияя как документ анализируется.

При использовании в head элементе, если сценарии отключены, то noscript элемент должен содержать только link , style , и meta элементы.
Вне head элемента, если сценариев отключены, то содержание noscript элемента становится видно. Noscript элемент не должен иметь noscript элемент в качестве предка.

noscript элемент не должен быть использован в XML-документах .
noscript элемент действует только в синтаксисе HTML , это не оказывает никакого влияния на синтаксис XHTML .

пример

В следующем примере, noscript элемент используется для обеспечения резервного поведения для сценария.

  <p>
   <label for="x"> номер </ Label>:
   <input id="x" name="x" type="number" />
  </ P>
  <sсriрt>
   уаг х = document.getElementById ('х';);
   уаг выход = document.createElement ('р';);
   output.textContent = 'Введите число, оно будет квадрат ладно! ";
   x.form.appendChild (выход);
   x.form.onsubmit = функция () {return ложный;}
   x.oninput = функция () {
     уаг V = x.valueAsNumber;
     output.textContent = V + 'в квадрате' + V * V;
   };
  </ sсript>
  <noscript>
   <input value="Calculate Square" type="submit" />
  </ NoScript>
 </ FORM>

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

---

script - делаем страницу живой и дружелюбной

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

Категории
Метаданные содержания .
Поток содержание .
Формулировка содержания .
Контекст, в котором этот элемент может быть использован:
Если содержание метаданных не ожидается.
Если формулировка содержания не ожидается.
Содержимое модели:
Если нет src атрибут, зависит от значения type атрибута, но должны соответствовать ограничениям сценарий содержание .
Если есть src атрибут, элемент должен быть либо пустой, либо содержать только документы сценарий , который также соответствует ограничениям сценарий содержание .
Содержимое атрибутов:
Глобальные атрибуты
src
async
defer
type
charset

Элемент не представляет контент для пользователей.

Динамические скрипты могут быть либо встроенными или могут быть импортированы из внешнего файла с помощью src атрибута. Атрибут type должен присутствовать обязательно. Независимо от языка используется, содержание sсript элементов должны соответствовать требованиям спецификации этого языка.

Когда элемент используется для включения блока данных, то содержание sсript элементов должны соответствовать к требованиям, определенным для используемого формата, указанного в атрибуте type. Атрибута src быть не должно.

type атрибута указывает на язык скриптов или формат данных. Если этот атрибут присутствует, то его значение должно быть действительным MIME типом. charset параметр не должен быть указан. По умолчанию, который используется, если атрибут отсутствует - " text/javasсript ".

src атрибут, если он указан, дает адрес внешнего ресурса сценария использования. Значение атрибута должно быть действительным непустой URL потенциально окруженные пробелами. Ресурс представляет собой скрипт ресурсов данного type, если этот тип идентифицирует язык сценариев и ресурсов и соответствует требованиям спецификации этого языка.

charset атрибут дает кодировки внешнего ресурса сценария. Атрибут не должен быть указан, если src атрибут отсутствует. Если этот атрибут задан, его значение должно быть допустимым именем кодировки, должна быть ASCII с учетом регистра MIME название для этой кодировки, и должна соответствовать кодировке, приведенные в charset параметра Content-Type метаданных из внешнего файла, если таковые имеются.

async и defer атрибуты булевы атрибуты , которые указывают, как скрипт должен быть выполнен. defer и async атрибутов не должно быть указано, если src атрибут отсутствует.

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

defer атрибут может быть указан, даже если async атрибут уже указан. Это вызвано некоторыми браузерами, которые поддерживают только defer (а не async ), чтобы вернуться к defer поведению вместо синхронного, которое блокировано по умолчанию.

Изменение src , type , charset , async и defer атрибутов динамически не оказывает непосредственного влияния.

В этом примере, два sсript элемента. Один вкладывает внешний скрипт, а другой включает в себя некоторые данные.

 <sсript src="game-engine.js"> </ sсript>
 <sсript type="text/x-game-map">
 У. ........ ........ электронной
 о ............ А. ... E
 ..... А. .... ААА .... электронной
 . А.. AAA ... AAAAA ... E
 </ sсript>

В следующем примере показано, как сценарий элемент может быть использован для определения функций, которые затем используются в других частях документа. Это также показывает, как sсript элемент может быть использован для вызова сценария в то время как документ был проанализирован, и в этом случае для инициализации вывода формы.

 <sсriрt>
  Функция вычислить (форма) {
    уаг цена = 52000;
    если (form.elements.brakes.checked)
      цены + = 1000;
    если (form.elements.radio.checked)
      цены + = 2500;
    если (form.elements.turbo.checked)
      цены + = 5000;
    если (form.elements.sticker.checked)
      цены + = 250;
    form.elements.result.value = цена;
  }
 </ sсript>
 
  <fieldset>
   <legend> Разработать цена вашего автомобиля </ легенда>
   Стоимость <p> базы. £ 52 000 </ P>
   <p> Выберите дополнительные опции: </ P>
   <ul>
    <li> <label> <input type=checkbox name=brakes> керамические тормоза (£ 1000) </ Label> </ LI>
    <li> <label> <input type=checkbox name=radio> Спутниковое радио (£ 2500) </ Label> </ LI>
    <li> <label> <input type=checkbox name=turbo> Turbo зарядное устройство (£ 5000) </ Label> </ LI>
    <li> <label> <input type=checkbox name=sticker> "XZ" наклейки (£ 250) </ Label> </ LI>
   </ UL>
   <p> Всего: £ <output name=result> </ вывода> </ P>
  </ Набор полей>
  <sсriрt>
   вычисления (document.forms.pricecalc);
  </ sсript>
 </ FORM>

4.3.1.1 Языки сценариев

Ниже перечислены некоторые MIME типы которые можно использовать в элементе sсript:
" application/ecmascript "
" application/javasсript "
" application/x-ecmascript "
" application/x-javasсript "
" text/ecmascript "
" text/javasсript "
" text/javascript1.0 "
" text/javascript1.1 "
" text/javascript1.2 "
" text/javascript1.3 "
" text/javascript1.4 "
" text/javascript1.5 "
" text/jscript "
" text/livescript "
" text/x-ecmascript "
" text/x-javasсript "
Javasсript. [ECMA262]
" text/javasсript;e4x=1 "
Javasсript с ECMAScript для XML. [ECMA357]

4.3.1.2 Ограничения на содержание sсript элементы

textContent из sсript элемента должен соответствовать набору символов Unicode.

---

style - делаем красиво

Категории
Метаданные содержания .
Если scoped атрибут присутствует: содержимого потока .
Контекст, в котором этот элемент может быть использован:
Если не представлен атрибут scoped: там где ожидается содержание метаданных.
Если не представлен атрибут scoped: внутри элемента noscript, который является потомком элемента head.
Если представлен атрибут scoped: там где ожидаются потоковые данные, но перед любыми другими потоковыми данными отличающимися от других элементов style или межэлементных пробелов.
Содержимое модели:
В зависимости от значения type атрибута, но должно соответствовать требованиям, описанным в спецификации.
Содержимое атрибутов:
Глобальные атрибуты
media
type
scoped
title (имеет специальную семантику для этого элемента)

Элемент style позволяет вставлять информацию о стилях в документ. Он не представляет содержания для пользователя.

Атрибут type определяет язык стилей. Если атрибут представлен, его значение должно быть валидным MIME типом, который обозначает язык стилей. Параметр charset не должен быть указан. Значение атрибута type по умолчанию, которое используется если атрибут отсутствует, есть "text/css".

Атрибут media говорит на каком устройстве применять стили. Значение должно быть валидным запросом устройства.

По умолчанию, если атрибут media опущен, он равен "all", что означает что по умолчанию стиль применяется на всех устройствах.

Атрибут scoped - булевый атрибут. Если установлен, то указывает что стили предназначены только для элементов, являющихся потомками родительского элемента style, а не для всего Document.

Атрибут title у элемента style определяет альтернативные таблицы стилей. Если элемент style не имеет атрибута title, то у него нет заголовка; атрибут title потомков не применяется к элементу style.

Атрибут title у элемента style, так же как и атрибут title у элемента link, отличается от глобального атрибута title тем, что блок style без заголовка не наследует заголовок родительских элементов: он просто не имеет заголовка.

textContent элемента style должен соответствовать производству (production) style в следующем ABNF, кодировка которого - Unicode.

Интерфейс LinkStyle также осуществляется данным элементом, примерно так:

<!DOCTYPE html>
<html lang="en-US">
 <head>
  <title>My favorite book</title>
  <style>
   body { color: black; background: white; }
   em { font-style: normal; color: red; }
  </style>
 </head>
 <body>
  <p>My <em>favorite</em> book of all time has <em>got</em> to be
  <cite>A Cat's Life</cite>. It is a book by P. Rahmel that talks
  about the <i lang="la">Felis Catus</i> in modern human society.</p>
 </body>
</html>

---

Психологическая деформация программистов. Взгляд с обеих сторон баррикад

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

Я достаточно часто сталкивался с подобным мнением и не придавал ему особого значения, но когда женский коллектив нашей организации поздравил программистов с 23-м февраля по доброму назвав их «космическими войсками», решил всё же расставить определенные акценты в данном вопросе, т.к. одна из моих профессий связана напрямую с психоанализом.Да и баш уже не молчит.


Сразу стоит заметить, что программист много времени проводит за компьютером, следовательно, многие из перечисленных пунктов относятся не только конкретно к программистам, а и к «компьютерщикам» в целом.

Гиперконцентрация
Каждый программист знает, что хорошая и качественная работа над кодом требует очень высокой степени погруженности в код. Кто-то старается себя изолировать наушниками, кто-то ставит таймеры, выключает все внешние раздражители и т.п. Степень концентрации при работе программиста сравнима с работой на ядерной станции. Соответственно, всё это порождает повышенную раздраженность при прерывании данного процесса, что внешне воспринимается непосвященными людьми как «замороченность на работе» и т.п.

В реальной жизни это также может вызывать свои эффекты, как например бытовые дела тоже по привычке начинают производиться в режиме гиперконцентрации. Например, во время уборки в квартире программист не будет параллельно думать о миллионе дел или безудержно болтать по телефону. Скорее он погрузится в какую-то свою задачу (может и в саму уборку) и просто будет заниматься процессом. Не стоит от программиста «требовать внешнего внимания», когда он прогружен в код или какую-то задачу.

Погруженность во внутренние образы и конструкции
Работа программиста имеет свою специфику, которая в аналогичном виде более всего присуща профессии инженера-изобретателя. Если вы знакомы с трудами Никола Тесла, то сможете вспомнить как он описывал то, что происходит в его голове. Если вкратце, то в голове Тесла мог построить механизм, запустить его и даже «прокрутить во времени» его работу, чтобы понять какие детали будут изнашиваться и где могут возникнуть проблемы в будущем. Не менее сложные конструкции возникают и в процессе профессиональной работы программиста. Данный эффект называется образно-чувственным конструированием. Если обыватель видит на экране только наборы символов, то в голове программиста этот код превращается в целые части мира. Как чтение книги создает образы и переживания в человеке, так и код способен такое же делать с программистом. Именно поэтому программисты «чувствуют» код, знают когда он «красив», когда «грязен», будет ли он работать и т.д. С какой-то стороны хороший программист сравним с писателем художественных произведений.

В реальной жизни это проявляется в чрезмерной погруженности внутрь себя, особенно если программист пытается что-то понять. Если деформация значительна, то программист может начать строить целую схему того, что сейчас происходит. Именно поэтому часто «построенные схемы социальных взаимодействий», например политика, у программистов вызывают чувство «грязного кода» и отторжение. В повседневной жизни это иногда может частично восприниматься как легкая форма аутизма, хотя на самом деле это не так. Человек вполне адекватен и открыт к взаимодействию с внешним миром, но вот сами механизмы взаимодействия имеют указанную специфику.

Низкий уровень социального взаимодействия и его разнообразия в повседневной работе
Данный момент не является «де факто», однако всё же периодически встречается и может играть свою определенную роль в деформации психики. Так как большую часть рабочего времени программист проводит в мире кода, и единственными «собеседниками» в нем являются «методы, функции, объекты, модули, пакеты и т.п.», соответственно и уровень социального взаимодействия у программистов, как правило, ниже, чем в большинстве профессий. Это связано еще не столько с тем, сколько людей вовлечено в работу, сколько с тем, думает ли о других людях в данный момент сам человек. Если работу дворника сложно назвать «активно социальной», тем не менее, сам дворник может в этот момент размышлять о жене, детях, друзьях и т.п. А для программиста же такая возможность отсутствует, он должен быть погружен в код. И хотя часто имеется рабочий коллектив, но коллектив, как правило, таких же программистов. Программистам иногда сложно работать рядом с людьми других профессий. Так что если степень деформации в коллективе высока, то это лишь усугубляет данный фактор (социального разнообразия отношений).

Обостренное восприятие причинно-следственных связей
Любой код должен работать, но чтобы написать работающий код, нужно понимать структуру причинно-следственных связей этого кода. Проще говоря «что, почему и как происходит», а также «что произойдет, если что-то не произойдет как ожидалось». Всё это накладывает свой отпечаток и на мышление человека. Данный способ мышления еще принято называть «техническим складом ума», когда человек старается найти всему рациональное объяснение и понять причинно-следственную связь. Отдельные программисты помимо написания кода часто втягиваются в технические аспекты, как например разработка аппаратуры под свои нужды (привет «паяльникам»). Порой это может доходить до уникальных надстроек в психике. Например, когда сложная застежка бюстгальтера девушки вызывает столько же интереса, как и то, что этот бюстгальтер скрывает.

Со стороны это часто может восприниматься как «замороченность над мелочами». То что не вызывает интереса для большинства людей, в программисте может порождать огромные потоки размышлений. Соответственно, так как не пропорциональны объемы приложения умственных усилий, то выводы, которые делает программист об эффектах реального мира, порой могут казаться «чудаковатыми» и восприниматься с определенным удивлением. Но что удивительно, если вы спросите программиста почему он так решил, то, скорее всего, получите целую цепочку причинно-следственных связей, и почти всегда вполне разумных. В целом такое происходит в голове каждого человека, однако именно у программистов этот момент часто обострен и порой он способен привлекать для анализа те аналогии, которые не пришли бы в голову обычному человеку.

Привыкание к формализованной постановке задач
Так как программист должен создавать код, который должен работать ровно так, как это требуется для задачи, то привычка делать то, что было сказано, постепенно перетекает и в другие области жизни. Но так как в большинстве случаев социального взаимодействия имеет место невербальное восприятие, «угадывание» и «додумывание», то у программистов обостряется чувство конкретизации.

Не то чтобы сказать, что программисты не умеют читать мыслей и предугадывать действия других людей, но скорее они предпочитают задать лишний вопрос, чем потом «переделывать заново». Отправляете программиста в магазин? Скажите на одно предложение больше, но избавьте его и себя от лишних вопросов. Например, не «купи яиц», а «купи десяток яиц первого сорта посвежее». И не воспринимайте его как «робота» если на свой вопрос вы получите детализированную инструкцию с кучей «ненужных вам деталей». Он старается сделать всё правильно. Если для большинства «будь проще» это «говори меньше», то для программистов «будь проще» это часто «говори точнее».

Жертвы «инженерного-гламура»
Рискую быть «съеденным заживо», но данный момент требует всё же освещения в рамках этой статьи. Речь пойдет не столько о программистах, сколько о «компьютерщиках». Гламур является нормальным и естественным порождением человеческих потребностей, вкратце девизом гламура можно назвать «Кто круче», соответственно для реальной жизни это «тачки, шмотки, бабло и т.п.». В сфере «инженерного-гламура» действует тот же принцип «Кто круче», однако с иными критериями. Так как основная концентрация «компьютерщика» направлена не на других людей, как в «гламуре реального мира», а на собственный внутренний мир образов и причинно-следственных связей, соответственно и цели здесь преследуются из области этого мира. Последний навороченный по характеристикам смартфон; мощный комп/сервак/ноут чтобы всё бегало еще быстрее; свежие программы, которые делают вбивание автокомплита на 32 миллисекунды быстрее; новые приложения с более плавной проруткой и модным голосовым распознавателем; знания о тайных особенностях новой версии компилятора и т.п.
Как и в «реальном гламуре», так и в «инженерном» есть свои «иконы», например недавняя статья про модем U.S. Robotics явный тому пример.
Так что не спрашивайте «зачем ему такой же телефон» и не удивляйтесь ответу «он не такой же, тут же на 500 мегагерц сильнее проц».
Интересный момент. В отдельных случаях «инженерный гламур» может быть подавлен обостренным требованием к причинно-следственным связям. То есть новый комп не будет куплен, пока реально не потребуется его мощность.

Заключение
Собственно весь сериал «Теория Большого Взрыва» построен на гиперболах явлений, которые были описаны выше. Если не так сильно преувеличивать то, что показано в ТБВ, то в целом именно подобная картина наблюдалась бы в человеке, который был бы значительно подвержен всем указанным эффектам работы программиста.

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

Тем не менее, каждый человек сам строит свою жизнь и сам факт психологической деформации «труженников кода» пока не так велик. Большинство имеет семьи, друзей, интересы помимо кода и компьютера. Так что не ведитесь на шаблонное «да он программист». Это не диагноз, это просто стиль мышления )

© источник

---

meta - описываем содержимое страницы словами

Категории
Метаданные содержания .
Контекст, в котором этот элемент может быть использован:
Если есть charset атрибут или http-equiv атрибут в состоянии декларацию кодировки - говорит в какой кодировке следует читать документ.
http-equiv атрибут присутствует, но не в состоянии декларацию кодировки - в noscript элемент, который является дочерним head элемента.
name атрибут присутствует там, где содержание метаданных не ожидается.
Содержимое модели:
Пусто.
Содержимое атрибутов:
Глобальные атрибуты
name
http-equiv
content
charset

meta элемент представляет различные виды метаданных, которые не могут быть выражены с помощью title , base , link , style и sсript элементов.

charset - определяет кодировку документа
charset атрибут meta элемента не имеет никакого эффекта в XML-документах, и допускается только в целях облегчения миграции и из XHTML.
В документе допустимо использовать только один элемент meta с атрибутом charset

Если документ является документом iframe srcdoc, то в нем не должно быть указания кодировки символов. (В этом случае источник уже декодирован с тех пор как он стал частью документа содержащего iframe.)

content атрибут дает значение метаданных документа или директиву, когда элемент используется для этих целей. Допустимые значения зависят от точного контекста.

Если meta элемент имеет name атрибут, он устанавливает метаданные документа. Метаданные выражаются в парах терминов: имя / значение. Name атрибут meta элемента дает имя и content атрибуту и так же дает значение. Название указывает, какой аспект метаданных создается. Если meta элемент не имеет content атрибута, то значение пар имя / значение является пустой строкой.

Стандартные имена метаданны

Определим несколько несколько имен name атрибута meta элемента.
Имена чувствительны к регистру.

application-name - в короткой свободной форме имя веб-приложения, которое страница представляет. Если страница не является веб-приложением, application-name не должно быть использовано. Не должно быть более одного meta элемента с его name установленного в значение application-name в документе.
author - в свободной форме указывает имя одного из авторов страницы.
description - в свободной форме описывает страницу. Значение должно быть пригодны для использования в каталогах страниц, например, в поисковых системах. Не должно быть более одного meta элемента с его name установлено description у каждого документа.
generator - в свободной форме определяет один из пакетов программного обеспечения, используемый для создания документов. Эта величина не должна быть установлена вручную автором страниц.
К примеру программе "Frontweaver" может включить в свой ​​выходной, на странице в head элемент, чтобы идентифицировать себя как инструмент, используемый для создания страницы:

     <meta name=generator content="Frontweaver 8.2">

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

     <! DOCTYPE HTML>
     <html>
      <head>
       <title> Гарнитуры на автострадах Великобритании </ title>
       <meta name="keywords" content="british,type face,font,fonts,highway,highways">
      </ HEAD>
      <body>
       ...

Многие поисковые системы не учитывают такие ключевые слова, потому что эта функция исторически использовались нестабильно и даже ошибочно, как способ спама результатов поиска таким образом.
http-equiv - атрибут перечисленных атрибутов:
content-type - просто альтернативная форма установления charset атрибутов: это декларация кодировки символов.
default-style - стиль по умолчанию
refresh - обновление или перенаправление.
На примере проще понять:
1. Главная страница новости организации могут включать в себя следующую разметку на странице в head элемент, чтобы гарантировать, что страница автоматически перезагружается с сервера каждые пять минут:

 <meta http-equiv="Refresh" content="300">

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

 <meta http-equiv="Refresh" content="20; URL=page4.html">

Допустимо использовать только один раз на странице.

---

link - делаем букет из файлов

Категории
Метаданные содержания .
Контекст, в котором этот элемент может быть использован:
Если содержание метаданных не ожидается.
В noscript элемент, который является дочерним head элемента.
Содержимое модели:
Пусто.
Содержимое атрибутов:
Глобальные атрибуты
href
rel
media
hreflang
type
sizes
Кроме того, title атрибута имеет специальную семантику этого элемента.

link элемент позволяет автору связать свой документ с другими ресурсами.

Назначение ссылки дается атрибутом href, который должен присутствовать всегда и должен содержать действительный непустой URL потенциально окруженные пробелами .

Тип связи указывает значение атрибута rel, который, если он присутствует, должен иметь одно или несколько(разделенных пробелами) значений. Позволило ключевые слова и их значения определены в следующем разделе.

Две категории ссылок могут быть созданы с помощью link элемента: ссылки на внешние ресурсы и гиперссылки . Раздел типов ссылок определяет, является ли определенный тип ссылка на внешний ресурс или гиперссылки. Можно создать несколько ссылок (некоторые из которых могут быть внешние ссылки, ресурсы и некоторые из них могут быть гиперссылки) link, какие именно и сколько создаются в зависимости от ключевых слов, приведенных в rel атрибуте.

Каждая ссылка link элементов обрабатывается отдельно. Например, если есть две link элементов с rel="stylesheet" , каждый из них считаются отдельно внешний ресурс.

Гиперссылки, созданные с link элемента и его rel атрибут применяется ко всей странице. Это контрастирует с rel атрибут и a area элементов, который указывает на тип ссылки, контекст задается расположение ссылки в пределах документа.

media атрибут говорит, какие средства массовой информации относится к ресурсу. Значение должно быть допустимым запросом СМИ .

По умолчанию, если media атрибут опущен, это " all ", что означает, что по умолчанию ссылки относятся ко всем СМИ.

type атрибута дает MIME тип связанного ресурса. Это чисто рекомендательный характер. Значение должно быть действительным MIME тип .

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

title атрибута дает название ссылки. Применение носит чисто рекомендательный характер. Значение - текст. Исключение составляют ссылки на стили, где title атрибут определяет альтернативные наборы стилей.

sizes атрибут используется с типом ссылки - icon. Не должен использоваться с другими типами.

Здесь множество link элементы обеспечивают несколько стилей:

 <! - Постоянный стилей ->
 <link rel="stylesheet" href="default.css">

 <! - Предпочтительный альтернативные таблицы стилей ->
 <link rel="stylesheet" href="green.css" title="Green стили">

 <! - Некоторые альтернативные таблицы стилей ->
 <link rel="alternate stylesheet" href="contrast.css" title="High contrast">
 <link rel="alternate stylesheet" href="big.css" title="Big fonts">
 <link rel="alternate stylesheet" href="wide.css" title="Wide screen">

Следующий пример показывает, как можно указать версии страницы, которые используют альтернативные форматы, направленные на других языках, и которые предназначены для других средств массовой информации:

 <link rel=alternate href="/en/html" hreflang=en type=text/html title="English HTML">
 <link rel=alternate href="/fr/html" hreflang=fr type=text/html title="French HTML">
 <link rel=alternate href="/en/html/print" hreflang=en type=text/html media=print title="English HTML (for printing)">
 <link rel=alternate href="/fr/html/print" hreflang=fr type=text/html media=print title="French HTML (for printing)">
 <link rel=alternate href="/en/pdf" hreflang=en type=application/pdf title="English PDF">
 <link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="French PDF">

---

base подводных дедов морозов слушает =)

Категории
Метаданные содержания .
Контекст, в котором этот элемент может быть использован:
В head элемент, не содержащий других base элементов.
Содержимое модели:
Пусто.
Содержимое атрибутов:
Глобальные атрибуты
href
target

base элемент позволяет указать URL-адрес базового документа в целях разрешения относительных URL-адресов. А так же имя по умолчанию при просмотре контекста для следующей гиперссылки.

В документе не может быть не более одного base элемента.

base элемент должен иметь либо href атрибута target атрибут, или обоих.

href - атрибут содержания, если он указан, то должен содержать действительный URL потенциально окруженные пробелами .

base элемент, если он имеет href атрибут должен стоять впереди перед любым другим элементами в DOM-дереве, которые имеют атрибуты, содержащие адреса , кроме html элемент (его manifest атрибут не влияет на base элементов).

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

base элемент, если он имеет target атрибут должен стоять впереди перед любым другим элементами в DOM-дереве, которые являются гиперссылками .

В этом примере base элемент используется для задания URL документа базы :

 <! DOCTYPE html>
 <html>
     <head>
         <title> Это пример для <base> элемент </ title>
         <base href="http://www.example.com/news/index.html">
     </ HEAD>
     <body>
         <p> посетите <a href="archives.html"> архивах </ A>. </ P>
     </ Body>
 </ Html>

Ссылка в приведенном выше примере будет ссылка на " www.example.com/news/archives.html ".

---

title - титулованная страница

Категории
Метаданные содержания .
Контекст, в котором этот элемент может быть использован:
В head элемент, содержащий никакого другого title элемента.
Содержимое модели:
Text .
Содержимое атрибутов:
Глобальные атрибуты

---

head - всему голова

Категории
Нет.
Контекст, в котором этот элемент может быть использован:
В качестве первого элемента в html элементов.
Содержимое модели:
Если документ IFRAME или iframe srcdoc документа есть название, то информацию можно получить из протокола более высокого уровня. Ноль или более элементов метаданных содержания.
В противном случае: один или несколько элементов содержания метаданных , из которых только один является title элементом.
Содержимое атрибутов:
Глобальные атрибуты

head элемент представляет коллекцию метаданных документа.

Сбор метаданных в head элемент может быть большим или маленьким. Вот пример очень короткий:

 <! DOCTYPE html>
 <html>
  <head>
   <title> документ с короткой головой </ title>
  </ HEAD>
  <body>
  ...

Вот пример дольше:

 <! DOCTYPE HTML>
 <HTML>
  <HEAD>
   <META CHARSET="UTF-8">
   <BASE HREF="http://www.example.com/">
   <TITLE> Приложения с длинной головки </ title>
   <link Rel="stylesheet" HREF="default.css">
   <LINK REL="STYLESHEET ALTERNATE" HREF="big.css" TITLE="Big Text">
   <sсript SRC="support.js"> </ sсript>
   <META NAME="APPLICATION-NAME" CONTENT="Long возглавлял application">
  </ HEAD>
  <BODY>
  ...

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

---

html элемент - с чего начинается азбука

Категории
Нет.
Контекст, в котором этот элемент может быть использован:
В корневой элемент документа.
Везде, где вложенный фрагмент допускается в состав документа.
Содержимое модели:
head элемент, за ним элемент body.
Содержимое атрибутов:
Глобальные атрибуты
manifest

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

manifest лишь атрибут оказывающий влияние на ранних стадиях документа нагрузки. Изменение его динамически не имеет никакого эффекта (и, следовательно, не DOM API предназначен для этого атрибута).

---

Содержимое - или что бывает на страничке

Метаданные содержимого

Метаданные - содержание, которое устанавливает вид отображения или поведение остального содержимого, или устанавливает связь документа с другими документами, или передает другим "из группы" информацию.

• base
• command
• link
• meta
• noscript
• sсriрt
• style
• title

Поток содержимого

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

• a
• abbr
• address
• area (если он является потомком map элемент)
• article
• aside
• audio
• b
• bdi
• bdo
• blockquote
• br
• button
• canvas
• cite
• code
• command
• datalist
• del
• details
• dfn
• div
• dl
• em
• embed
• fieldset
• figure
• footer
• form
• h1
• h2
• h3
• h4
• h5
• h6
• header
• hgroup
• hr
• i
• iframe
• img
• input
• ins
• kbd
• keygen
• label
• map
• mark
• math
• menu
• meter
• nav
• noscript
• object
• ol
• output
• p
• pre
• progress
• q
• ruby
• s
• samp
• sсriрt
• section
• select
• small
• span
• strong
• style (если scoped атрибут присутствует)
• sub
• sup
• svg
• table
• textarea
• time
• u
• ul
• var
• video
• wbr
• text

Cекционирования содержание

Секционирование содержание содержание, которое определяет сферу заголовков и колонтитулов .

• article
• aside
• nav
• section

Заголовки содержания

Заголовок определяет содержание раздела (будь то явно помечены с использованием секционированного содержания элементов, или подразумеваемых в заголовке само содержание).

• h1
• h2
• h3
• h4
• h5
• h6
• hgroup

Формулировка содержания

Формулировка содержания текста документа, а также элементы, которые отмечают, что до текста внутри абзаца уровнь.

• abbr
• area (если он является потомком map элемент)
• audio
• b
• bdi
• bdo
• br
• button
• canvas
• cite
• code
• command
• datalist
• del (если он содержит только формулировки содержания )
• dfn
• em
• embed
• i
• iframe
• img
• input
• ins (если он содержит только формулировки содержания )
• kbd
• keygen
• label
• map (если она содержит только содержания формулировки )
• mark
• math
• meter
• noscript
• object
• output
• progress
• q
• ruby
• s
• samp
• sсriрt
• select
• small
• span
• strong
• sub
• sup
• svg
• textarea
• time
• u
• var
• video
• wbr
• text
  

Как правило, элементы, содержание которых модель позволяет использовать, должны иметь по крайней мере одного потомка текстового узела, который не является пробелом , или, по крайней мере один потомок узла элемента, который встроивает содержание . Для целей этого требования, узлы, которые являются потомками del элементы не следует расценивать как вклад в предках del элемента.

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

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

Встраиваемое содержание

Встраиваемое содержание - содержание, которое импортирует другой ресурс в документ или содержимое из другого словаря, который вставляется в документ.

• audio
• canvas
• embed
• iframe
• img
• math
• object
• svg
• video

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

Интерактивный контент

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

• a
• audio (если controls атрибут присутствует)
• button
• details
• embed
• iframe
• img (если usemap атрибут присутствует)
• input (если type атрибута не в скрытых состоянии)
• keygen
• label
• menu (если type атрибута в панели состояния)
• object (если usemap атрибут присутствует)
• select
• textarea
• video (если controls атрибут присутствует)

Некоторые элементы в HTML имеют активации поведения , которое означает, что пользователь может активировать их. Это вызывает последовательность событий зависит от механизма активации, и, как правило это click событие.

---

Продолжение по атрибутам - пользовательские атрибуты

Пользовательские атрибуты данных (например, data-foldername или data-msgid ) могут быть определены на любом элементе HTML , хранить пользовательские данные, относящиеся к этой странице.

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

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

 <ol>
  <li data-length="2m11s"> за морем </ LI>
  ...
 </ ol>

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

Каждый элемент HTML может иметь любое количество пользовательских атрибутов данных, с любыми значениями.

---

Спецификация или как надо

Логические атрибуты

Если этот атрибут присутствует, то его значение должно быть либо пустая строка или значение. Значения "истина" и "ложь" не допускаются на логические атрибуты. Чтобы представить ложное значение, атрибут должен быть опущен в целом.

Атрибуты можно использовать только для соответствующей семантической цели. Т.е. вот так неправильно:

<label> ковров: <input type="carpet" name="c" texture="deep pile"> </ label>

Правильно так:

 <label> ковров: <input type="text" class="carpet" name="c" data-texture="deep pile"> </ label>

Глобальные атрибуты

Следующие атрибуты являются общими для и может быть указан на всех HTML-элементов :
accesskey - используется как руководство для создания клавиш, который активирует или фокусирует элемент.
class
contenteditable [true | false | inherit] - Истинное состояние означает, что элемент редактирования. Унаследовать состояние означает, что элемент является редактируемым, если его родитель редактируемый. Ложное состояние означает, что элемент не редактируется.
contextmenu [id_menu] - контекстное меню
dir [ltr | rtl | auto]- атрибут определяет направления текста элемента. auto - не рекомендуется использовать. Для textarea и pre необходимо применять на каждом уровне вложенности
draggable [true | false | inherit] - истинное положение означает, что элемент можно перетаскивать, ложное состояние означает, что это не так.
dropzone [copy|move|link] - место куда можно перетащить файл. Пример:

<div dropzone="copy f:image/png f:image/gif f:image/jpeg" ondrop="receive(event, this)">
 <p>Drop an image here to have it displayed.</p>
</div>
<sсriрt>
 function receive(event, element) {
   var data = event.dataTransfer.items;
   for (var i = 0; i < data.length; i += 1) {
     if ((data[i].kind == 'file') && (data[i].type.match('^image/'))) {
       var img = new Image();
       img.src = window.createObjectURL(data[i].getAsFile());
       element.appendChild(img);
     }
   }
 }
</sсriрt>

hidden - указывает что элемента нет, или он не соответствует.
id
lang - определяет основной язык содержимого элемента
spellcheck[true | false | inherit] - проверять грамматику и орфографию содержимого элемента
style
tabindex [целое число] - атрибут содержание которого определяет, будет ли элемент в фокусе, может ли он быть достигнут при использовании последовательной навигации, и относительный порядок элементов в целях последовательной навигации фокуса. Т.е. в каком порядке будут выбираться элементы с помощью Tab.
title

---

Регистрозависимость

Сабж проявляется в зависимости от используемой кодировки.
Т.е. в кодировке ASCII регистр букв не учитывается, а в Unicode - учитывается.

Так же все ссылки на символы должны обязательно заканчиваться ; Например: & copy ; пробелы поставлены специально, т.к. дайри умный, дайри стразу значек ставит

---

Для начала: вот эти теги стоит забыть:

<tt>, <strike>, <big>, <acronym>, <applet>, <basefont>, <bgsound>, <blink>, <center>, <comment>, <dir>, <font>, <frame>, <frameset>, <isindex>, <marguee>, <nobr>, <noembed>, <noframes>, <plaintext>, <s>, <xmp>

Стоит также отметить, что некоторые элементы, которые ранее были презентационными были пересмотрены в спецификации, и стали независимыми:

<b> , <i> , <hr> , <small> , и <u>

.

Скорблю о теге center =) Но радуюсь новым возможностям)

---

Новый тег в моем блоге...

Представляю тег HTML5 =)
Будем изучать вместе!

"1.7.1 Как читать эту спецификацию

Эта спецификация должна быть прочитана как и все другие характеристики. Во-первых, она должна быть прочитана от и до, несколько раз. Затем, следует читать в обратном направлении по крайней мере один раз. Затем следует читать, выбирая случайные разделы из списка содержания и перекрестных ссылок. " © www.w3.org/TR/html5-author/

---

Нет слов...

Как можно назвать страну, в которой на первых полосах газет пишут про удой коров?! Столичные газеты, не провинция!