SlideShare a Scribd company logo
1 of 14
Программа: История  Особенности нового языка Переход от HTML 4.01 к HTML5 Новая разметка Примеры
W3C или WHATWG? WHATWG (Web Hypertext Application Technology Working Group) – быстрорастущее  сообщество людей, заинтересованных в развитии Интернета. На данный момент   Ведет разработку HTML5 W3C (World Wide Web Consortium) – консорциум всемирной паутины, который  Разрабатывал HTML 4.01 и давал свет HTML, XHTML, CSS и т.д.
Почему HTML5? ,[object Object]
«Чистота» кода
Новые возможности
Язык, который пишется людьми для людей,[object Object]
«Чистота» кода ,[object Object]
Теги <html>, <body>, <head> становятся необязательными
СвобОднЫйсИнтаКсис
Весь сайт становится структурированным,[object Object]
Язык, который пишется людьми для людей Язык пишется командой, которая занимается разработкой сайтов многие года  И реально понимает, чего не хватает языку (а что в нем лишнее)
Переход от HTML 4.01 к HTML5 ,[object Object],<!doctype html> ,[object Object]
Привыкайте к новой разметке сайта. Использование <div> желательно только в случае, когда вы не можете использовать теги HTML5 (или их использование неоправданно) ,[object Object]

More Related Content

Similar to Pavel Rumantsev - Html5

Php intro rus
Php intro rusPhp intro rus
Php intro rusaDDDitive
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документаAndrey Radionov
 
основы языка Html
основы языка Htmlосновы языка Html
основы языка Htmlmmlllll
 
Обзор Html 5
Обзор Html 5Обзор Html 5
Обзор Html 5GetDev.NET
 
Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.Kostik Czu
 
lesson3_HTML_rus.pdf
lesson3_HTML_rus.pdflesson3_HTML_rus.pdf
lesson3_HTML_rus.pdfmmmitioglo
 
советы по коду Html
советы по коду Htmlсоветы по коду Html
советы по коду Htmltalgautb
 
Rich UI on Dojo Toolkit and Zend Framework
Rich UI on Dojo Toolkit and Zend FrameworkRich UI on Dojo Toolkit and Zend Framework
Rich UI on Dojo Toolkit and Zend FrameworkGeorgy Turevich
 
2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекста2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекстаSergei Dubrov
 
презентация по миру
презентация по мирупрезентация по миру
презентация по мируkuzeenka31
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTMLssuser3896e2
 

Similar to Pavel Rumantsev - Html5 (20)

Php intro rus
Php intro rusPhp intro rus
Php intro rus
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документа
 
Html
HtmlHtml
Html
 
основы языка Html
основы языка Htmlосновы языка Html
основы языка Html
 
Обзор Html 5
Обзор Html 5Обзор Html 5
Обзор Html 5
 
основы Html
основы Htmlосновы Html
основы Html
 
Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.Сео требования для верстальщиков и программистов.
Сео требования для верстальщиков и программистов.
 
HTML
HTMLHTML
HTML
 
Vvedenie html 1
Vvedenie html 1Vvedenie html 1
Vvedenie html 1
 
нтмл код
нтмл   коднтмл   код
нтмл код
 
lesson3_HTML_rus.pdf
lesson3_HTML_rus.pdflesson3_HTML_rus.pdf
lesson3_HTML_rus.pdf
 
13
1313
13
 
советы по коду Html
советы по коду Htmlсоветы по коду Html
советы по коду Html
 
HTML
HTMLHTML
HTML
 
лекц12
лекц12лекц12
лекц12
 
Rich UI on Dojo Toolkit and Zend Framework
Rich UI on Dojo Toolkit and Zend FrameworkRich UI on Dojo Toolkit and Zend Framework
Rich UI on Dojo Toolkit and Zend Framework
 
2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекста2. HTML – язык разметки гипертекста
2. HTML – язык разметки гипертекста
 
презентация по миру
презентация по мирупрезентация по миру
презентация по миру
 
Тема 1. Введение в HTML
Тема 1. Введение в HTMLТема 1. Введение в HTML
Тема 1. Введение в HTML
 
Html
HtmlHtml
Html
 

More from beloslab

Mr. Keil Werner - Stem demo camp
Mr. Keil Werner - Stem demo campMr. Keil Werner - Stem demo camp
Mr. Keil Werner - Stem demo campbeloslab
 
Mr. Keil Werner - UOMO 2011
Mr. Keil Werner - UOMO 2011Mr. Keil Werner - UOMO 2011
Mr. Keil Werner - UOMO 2011beloslab
 
Mr. Ankur Sharma - PDE good practices
Mr. Ankur Sharma - PDE good practicesMr. Ankur Sharma - PDE good practices
Mr. Ankur Sharma - PDE good practicesbeloslab
 
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0beloslab
 
Konstantin Slisenko - Belarus Open Source Lab
Konstantin Slisenko - Belarus Open Source LabKonstantin Slisenko - Belarus Open Source Lab
Konstantin Slisenko - Belarus Open Source Labbeloslab
 
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in developement
Konstantin Slisenko -  OSGi, Equinox, Eclipse plug-in developementKonstantin Slisenko -  OSGi, Equinox, Eclipse plug-in developement
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in developementbeloslab
 
Yuri Trukhin - IE9 Launch
Yuri Trukhin - IE9 LaunchYuri Trukhin - IE9 Launch
Yuri Trukhin - IE9 Launchbeloslab
 
Yuri Trukhin - Software developement best practices
Yuri Trukhin - Software developement best practicesYuri Trukhin - Software developement best practices
Yuri Trukhin - Software developement best practicesbeloslab
 
Yuri Trukhin - Microsoft4students
Yuri Trukhin - Microsoft4studentsYuri Trukhin - Microsoft4students
Yuri Trukhin - Microsoft4studentsbeloslab
 
Yuri Trukhin - Windows Phone 7
Yuri Trukhin - Windows Phone 7Yuri Trukhin - Windows Phone 7
Yuri Trukhin - Windows Phone 7beloslab
 
Pavel Rumantsev - Java Script
Pavel Rumantsev - Java ScriptPavel Rumantsev - Java Script
Pavel Rumantsev - Java Scriptbeloslab
 
Sergey Gavruk - Mix11
Sergey Gavruk - Mix11Sergey Gavruk - Mix11
Sergey Gavruk - Mix11beloslab
 
Konstantin slisenko - Spring Framework
Konstantin slisenko - Spring FrameworkKonstantin slisenko - Spring Framework
Konstantin slisenko - Spring Frameworkbeloslab
 
Aleksei Gomza - ASP.NET MVC3 data processing
Aleksei Gomza - ASP.NET MVC3 data processingAleksei Gomza - ASP.NET MVC3 data processing
Aleksei Gomza - ASP.NET MVC3 data processingbeloslab
 
Aleksei Gomza - Web-applications and ASP
Aleksei Gomza - Web-applications and ASPAleksei Gomza - Web-applications and ASP
Aleksei Gomza - Web-applications and ASPbeloslab
 
Sergey Gavruk - WebMatrix
Sergey Gavruk - WebMatrixSergey Gavruk - WebMatrix
Sergey Gavruk - WebMatrixbeloslab
 
Konstantin slisenko - Design patterns
Konstantin slisenko - Design patternsKonstantin slisenko - Design patterns
Konstantin slisenko - Design patternsbeloslab
 

More from beloslab (17)

Mr. Keil Werner - Stem demo camp
Mr. Keil Werner - Stem demo campMr. Keil Werner - Stem demo camp
Mr. Keil Werner - Stem demo camp
 
Mr. Keil Werner - UOMO 2011
Mr. Keil Werner - UOMO 2011Mr. Keil Werner - UOMO 2011
Mr. Keil Werner - UOMO 2011
 
Mr. Ankur Sharma - PDE good practices
Mr. Ankur Sharma - PDE good practicesMr. Ankur Sharma - PDE good practices
Mr. Ankur Sharma - PDE good practices
 
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in development, v 2.0
 
Konstantin Slisenko - Belarus Open Source Lab
Konstantin Slisenko - Belarus Open Source LabKonstantin Slisenko - Belarus Open Source Lab
Konstantin Slisenko - Belarus Open Source Lab
 
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in developement
Konstantin Slisenko -  OSGi, Equinox, Eclipse plug-in developementKonstantin Slisenko -  OSGi, Equinox, Eclipse plug-in developement
Konstantin Slisenko - OSGi, Equinox, Eclipse plug-in developement
 
Yuri Trukhin - IE9 Launch
Yuri Trukhin - IE9 LaunchYuri Trukhin - IE9 Launch
Yuri Trukhin - IE9 Launch
 
Yuri Trukhin - Software developement best practices
Yuri Trukhin - Software developement best practicesYuri Trukhin - Software developement best practices
Yuri Trukhin - Software developement best practices
 
Yuri Trukhin - Microsoft4students
Yuri Trukhin - Microsoft4studentsYuri Trukhin - Microsoft4students
Yuri Trukhin - Microsoft4students
 
Yuri Trukhin - Windows Phone 7
Yuri Trukhin - Windows Phone 7Yuri Trukhin - Windows Phone 7
Yuri Trukhin - Windows Phone 7
 
Pavel Rumantsev - Java Script
Pavel Rumantsev - Java ScriptPavel Rumantsev - Java Script
Pavel Rumantsev - Java Script
 
Sergey Gavruk - Mix11
Sergey Gavruk - Mix11Sergey Gavruk - Mix11
Sergey Gavruk - Mix11
 
Konstantin slisenko - Spring Framework
Konstantin slisenko - Spring FrameworkKonstantin slisenko - Spring Framework
Konstantin slisenko - Spring Framework
 
Aleksei Gomza - ASP.NET MVC3 data processing
Aleksei Gomza - ASP.NET MVC3 data processingAleksei Gomza - ASP.NET MVC3 data processing
Aleksei Gomza - ASP.NET MVC3 data processing
 
Aleksei Gomza - Web-applications and ASP
Aleksei Gomza - Web-applications and ASPAleksei Gomza - Web-applications and ASP
Aleksei Gomza - Web-applications and ASP
 
Sergey Gavruk - WebMatrix
Sergey Gavruk - WebMatrixSergey Gavruk - WebMatrix
Sergey Gavruk - WebMatrix
 
Konstantin slisenko - Design patterns
Konstantin slisenko - Design patternsKonstantin slisenko - Design patterns
Konstantin slisenko - Design patterns
 

Recently uploaded (9)

Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdfMalware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
Malware. DCRAT (DARK CRYSTAL RAT) [RU].pdf
 
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
Cyber Defense Doctrine Managing the Risk Full Applied Guide to Organizational...
 
Ransomware_Q3 2023. The report [RU].pdf
Ransomware_Q3 2023.  The report [RU].pdfRansomware_Q3 2023.  The report [RU].pdf
Ransomware_Q3 2023. The report [RU].pdf
 
2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf2023 Q4. The Ransomware report. [RU].pdf
2023 Q4. The Ransomware report. [RU].pdf
 
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
ИСТОЧНИКИ ИННОВАЦИОННОСТИ КИТАЯ (ПО ВЕРСИИ DGAP) | The Sources of China’s Inn...
 
Cyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdfCyberprint. Dark Pink Apt Group [RU].pdf
Cyberprint. Dark Pink Apt Group [RU].pdf
 
MS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdfMS Navigating Incident Response [RU].pdf
MS Navigating Incident Response [RU].pdf
 
CVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdfCVE. The Fortra's GoAnywhere MFT [RU].pdf
CVE. The Fortra's GoAnywhere MFT [RU].pdf
 
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdfСИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
СИСТЕМА ОЦЕНКИ УЯЗВИМОСТЕЙ CVSS 4.0 / CVSS v4.0 [RU].pdf
 

Pavel Rumantsev - Html5

  • 1.
  • 2. Программа: История Особенности нового языка Переход от HTML 4.01 к HTML5 Новая разметка Примеры
  • 3. W3C или WHATWG? WHATWG (Web Hypertext Application Technology Working Group) – быстрорастущее сообщество людей, заинтересованных в развитии Интернета. На данный момент Ведет разработку HTML5 W3C (World Wide Web Consortium) – консорциум всемирной паутины, который Разрабатывал HTML 4.01 и давал свет HTML, XHTML, CSS и т.д.
  • 4.
  • 7.
  • 8.
  • 9. Теги <html>, <body>, <head> становятся необязательными
  • 11.
  • 12. Язык, который пишется людьми для людей Язык пишется командой, которая занимается разработкой сайтов многие года И реально понимает, чего не хватает языку (а что в нем лишнее)
  • 13.
  • 14.
  • 15. Примеры: <!doctype> <html lang=en> <title>New web-site</title> <header> <imgsrc="..."> </header> <section> <artcile> <p>Some text</p> </article> </section> <footer> &copy 2010 </footer> Some text © 2010
  • 16. Примеры: <!doctype> <html lang=en> <title>New web-site</title> <header> <nav> <a href=“…”>Text</a> <a href=“…”>Text</a> <a href=“…”>Text</a> </nav> </header> <section> <artcile> <p>Some text</p> </article> </section> <footer> &copy 2010 </footer> TextTextText Some text © 2010
  • 17. Примеры: <!doctype> <html lang=en> <title>New web-site</title> <header> <nav> <a href=“…”>Text</a> <a href=“…”>Text</a> <a href=“…”>Text</a> </nav> </header> <section> <artcile> <h1>Some text</h1> <h2>again</h2> </article> </section> <footer> &copy 2010 </footer> TextTextText Some text again © 2010