Разница между HTML 4 и HTML 5
Продолжая тему, во вторник, мы решили проиллюстрировать разницу между HTML 5 и HTML 4, и вы увидите, что Есть нет больших различий, и что новая информация только пришли на помощь.
Например, давайте посмотрим, простой страницы блога с заголовка в верхней части, колонтитул в нижней части некоторых должностей, раздел навигации и боковая панель, это показывает, код ниже:
<div id="page"> <div id="header"> <h1> <a href="http://marcusantonius.info"> Марк Антоний: Web Beta </> </ h1> </ P> <div id="container"> <div id="center" class="column"> <div id="post-102" class="post"> <h2> <a href="/page-test-2/"> 2 Test Page </> </ h2> <div class="entry"> Text Here </ P> </ P> <div id="post-101" class="post"> <h2> <a href="/page-test/"> Тест 1 </> </ h2> <div class="entry"> Text Here </ P> </ P> </ P> <div class="navigation"> <div class="alignleft"> <a href="/blog/page/2/"> "Старые сообщения </> </ P> </ P> </ P> <div id="right" class="column"> <ul id="sidebar"> <li> <h2> информация </ h2> <ul> <li> <a href="/contato"> контакте </> </ LI> <li> <a href="/curriculo/"> программы </> </ LI> </ UL> </ Li> <li> <h2> Архивы </ h2> <ul> <li> <a href="/blog/2009/04/"> апреля 2009 </ A> </ LI> <li> <a href="/blog/2009/03/"> марта 2009 </ A> </ LI> <li> <a href="/blog/2009/02/"> февраля 2009 </ A> </ LI> <li> <a href="/blog/2009/01/"> января 2009 </ A> </ LI> </ UL> </ Li> </ UL> </ P> <div id="footer"> Марк Антоний: Web Beta © 2009 </ P> </ P>
Здесь же странице в правила W3C HTML 5 :
<h1> <a href="http://marcusantonius.info"> Марк Антоний: Web Beta </> </ h1> <h2> <a href="/page-test-2/"> 2 Test Page </> </ h2> Text Here <h2> <a href="/page-test/"> Тест 1 </> </ h2> Text Here <a href="/blog/page/2/"> "Старые сообщения </> <ul> <li> <h2> информация </ h2> <ul> <li> <a href="/contato"> контакте </> </ LI> <li> <a href="/curriculo"> программы </> </ LI> </ UL> </ Li> <li> <h2> Архивы </ h2> <ul> <li> <a href="/blog/2009/04/"> апреля 2009 </ A> </ LI> <li> <a href="/blog/2009/03/"> марта 2009 </ A> </ LI> <li> <a href="/blog/2009/02/"> февраля 2009 </ A> </ LI> <li> <a href="/blog/2009/01/"> января 2009 </ A> </ LI> </ UL> </ Li> </ UL> Марк Антоний: Web Beta © 2009
Он отметил, что код был чище и понятнее?
Мы добавили некоторые элементы и, следовательно, больше не нужно положить дивы и макет был гораздо более понятными. Если вы не заметили, элементы, которые были добавлены, перечислены ниже с кратким пояснением:
- Раздел: Раздел, в рамках главы или книги.
- заголовка: заголовок отображаемую страницу.
- колонтитула: колонтитула появляется, как подписку по электронной почте.
- NAV: коллекция ссылок.
- статьи: статья, независимые запись в блог, журнал, газету, и так далее.
Как пришел окончательный вариант HTML 5, это было просто эскиз, окончательный вариант может иметь некоторые различия.
источник: treinaweb
пост обновлен! пропустил несколько тегов, но мой хороший друг @ isaacmarinho предупредил меня. Благодаря Исаак!
Я действительно пропустил теги вы упомянули ... = D
Но это нормально. Сообщение обновляться, двигаться дальше. =)
Точнее, мы здесь.
Falow!
Очень хороший блог! = DDDDDD