Урок 8 - Презентация
.pdfВерсииXHTML
•XHTML 1.0
•XHTML 1.1
•XHTML 2.0
HTML vs XHTML
HTML |
|
XHTML |
|
• |
<br> |
• |
<br /> |
• |
<IMGSRC=“”> |
• |
<imgsrc=“”/> |
• |
<option selected> |
• |
<option selected="selected"> |
Версии CSS
•CSS 1 – 1996 год
•CSS 2 – 1998 год
•CSS 2.1 – 2011 год
•CSS 3 – в разработке
Будущее за стандартами
HTML5 и CSS3
Уже можно?
Можно!
HTML5 и CSS3 поддерживаетсявсеми современнымибраузерами, даже IE, правда начинаяс 9-й версии.
Объявление <!DOCTYPE>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 5
<!DOCTYPE html >
Структурастраницы HTML
<div id=“header”>Шапка</div>
<div id=“menu”> Горизонтальноеменю </div> <div id=“left_block”>Левый блок</div>
<div id=“content”>Контент</div> <div id=“footer”> Подвал </div>
Структурастраницы HTML 5
<header>Шапка</header>
<nav >Горизонтальноеменю</nav> <aside>Левый блок</aside> <section>Контент</section> <footer>Подвал</footer>
Используем новые теги HTML 5
1.<!DOCTYPE html>
2.header, nav, section, aside, footer { display:block;
}
3.<!--[iflte IE 8]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('aside');
document.createElement('footer');
</script> <![endif]-->
Скриптдля IE
<!--[iflte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/ trunk/html5.js">
</script> <![endif]-->
!!! Располагайте скрипты перед CSS!!!