HTML, CSS fundamentals
.pdfHTML, CSS, JS fundamentals
www.epam.com |
EPAM Systems |
www.epam.com |
EPAM Systems |
|
|
Куда идет web…
•Создание «насыщенных» (Rich) решений
•Развитие мобильных технологий
•Устранение (сокращение) кроссбраузерности…
www.epam.com |
EPAM Systems |
|
|
Версии HTML
HTML 2.0
HTML 3.2
HTML 4.0
HTML 5.0 |
XHTML |
|
1.0 |
||
|
XHTML 1.1
www.epam.com |
EPAM Systems |
|
|
Текущие проблемы
•Стандарт на некоторые части HTML5 постоянно меняется.
•Над стандартом формально работают 2 организации…
•Поддержка браузерами колеблется от 0 до 86%
http://www.html5test.com/ |
IE 9 |
|
FF 6.0.2 |
||
|
||
|
Chrome 13 |
|
|
Opera 11.50 |
www.epam.com |
EPAM Systems |
|
|
Структура HTML-кода
www.epam.com |
EPAM Systems |
|
|
DOCTYPE в HTML
DOCTYPE |
Описание |
|
|
HTML 4 |
|
|
|
<!DOCTYPE … |
Строгий синтаксис |
"http://www.w3.org/TR/html4/strict.dtd"> |
HTML. |
|
|
<!DOCTYPE … Transitional//EN" |
Переходный |
"http://www.w3.org/TR/html4/loose.dtd"> |
синтаксис HTML. |
|
|
<!DOCTYPE … |
В HTML-документе |
"http://www.w3.org/TR/html4/frameset.dtd"> |
применяются |
|
фреймы. |
|
|
HTML 5 |
|
|
|
<!DOCTYPE html> |
|
|
|
www.epam.com |
EPAM Systems |
|
|
DOCTYPE в XHTML
DOCTYPE |
Описание |
|
|
XHTML 1.0 |
|
|
|
<!DOCTYPE … |
Строгий |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|
|
|
<!DOCTYPE … |
Переходный |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1- |
|
transitional.dtd"> |
|
|
|
<!DOCTYPE … |
C фреймами |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1- |
|
frameset.dtd"> |
|
XHTML 1.1
<!DOCTYPE …
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
http://www.w3.org/QA/2002/04/valid-dtd-list.html
www.epam.com |
EPAM Systems |
|
|
тег <head>
•Назначение – контейнер для неотображаемых элементов
•Вложенные теги:
–<base>
–<basefont>
–<bgsound>
–<link>
–<meta>
–<script>
–<style>
–<title>
www.epam.com |
EPAM Systems |
|
|
Тег <meta />
•Назначение
–описание документа
–выдача информации поисковым системам
•Пример
www.epam.com |
EPAM Systems |
|
|
Ключевые атрибуты тега meta
http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.2
http://www.w3.org/wiki/HTML/Elements/meta
www.epam.com |
EPAM Systems |
|
|