Отправляет email-рассылки с помощью сервиса Sendsay

Свежие уроки CSS3, HTML5, jQuery

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 142 RSS
←   Май 2014   →
 1
 2
 3
03.05.2014
09:05:44
11:05:56
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней 12 выпусков (1-2 раза в неделю)


Открыта: 27-04-2014

Автор
Юрий Немец

Статистика

142 подписчиков
0 за неделю
←   Все выпуски   →

Свежие уроки CSS3, HTML5, jQuery 5 HTML элементов которые вы не знаете


5 HTML элементов которые вы не знаете

Раньше я рассматривал плюсы HTML5. Новые элементы, такие как <header>, <footer>, <nav> и <main> сделали структуру документа семантической и «значимой». Данные элементы помогают поисковым роботам лучше понимать структуру документа. Но HTML элементов очень много, и, возможно, некоторые вы могли не заметить.

5 HTML элементов которые вы не знаете

1. Элемент <samp>

Этот элемент используется для вывода результата какого-либо скрипта. Элемент был введен еще в HTML3. Ниже вы можете увидеть пример использования данного тега:

1

<p>Результат выполнения скрипта <samp>ЗДЕСЬ РЕЗУЛЬТАТ</samp> вы увидите в теге samp.</p>

Тег поддерживает даже Internet Explorer 5. Он отображает текст в моноширинном шрифте как теги <pre> и <code>

Тег samp

2. Элемент <kbd>

Тег используется для того, чтобы задать текст который набирается на клавиатуре или названия клавиш:

1

<p>Нажмите <kbd>ENTER</kbd> для
создания нового аккаунта.</p>

По умолчанию данный тег также имеет моноширинный шрифт.

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

1
2
3
4
5
6
7
8

kbd {
    border: 1px solid #333;  
    background: linear-gradient(#aaa 0%, #555 100%);
    color: #fff;  
    padding: 3px 8px;  
    border-radius: 3px;  
    box-shadow: 0px 2px 0px 0px #111;
}
Тег kbd

3. Элемент <var>

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

1

<p>Переменная  <var>y</var> равна
30.</p>

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

Тег var

4. Элемент <dfn>

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

 Продолжение - ЗДЕСЬ.
В избранное