HTML5 -обзор

Всем привет. Добро пожаловать на обзор по HTML5. В своих статьях я буду постоянно затрагивать тему нового языка разметки и вместе с Вами создавать поистине великолепные шедевры сайтов. Сразу забегу вперед. Мы действительно! будем создавать отличный игровой портал, благодаря новейшим технологиям. И поэтому нашей основной задачей на сегодня будет понять, что же такое HTML5, что он из себя представляет.
HTML5 – что это?
HTML5 – это новый язык разметки. Но не стоит пугаться и думать, что Ваши знания по предыдущей версии html пропадут зря. На самом деле новая разметка воплотила все преимущества предыдущей версии html и добавила много всего вкусного.
Многие искренне считают, что HTML5 – это некий новый язык программирования. На самом деле это не так. Я считаю, что html5 – это совокупность различных самых современных элементов, благодаря которым, мы и получаем такие великолепные страницы.
HTML5 – это совокупность CSS3 (языка представления страницы), разметки (усовершенственный код html) и JavaScript (взаимодествие, интерактивность). Имея такой богатый арсенал мы можем с уверенностью сказать, что HTML5 это поистине новый рывок в создании не только веб-страниц, но и целых веб-приложений.
Естественно, подходить к созданию интерактивных страниц необходимо, имея, хотя бы базовые знания в области программирования на JavaScript и знанием html и css. Без этого никак.
А в сегодняшней статье, я бы хотел обратить Ваше внимание на создании простой, но в то же время очень важной начальной страницы на HTML5. Следуя этим простым принципам, которые я укажу в коде, Вы поймете, что html5 стал более гибок и понятлив. Итак, начнем с кода.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!doctype html> <!-- Обратите внимание на новое определение документов. Теперь не нужно запоминать и сохранять код. Вы его сами запомните. Посмотрите, как выглядит Ваш код. --> <html> <head> <meta charset="utf-8"> <!-- Вот и все meta для Вашего документа. Короткость, сестра таланта --> <title>Моя первая страница</title> <link rel="stylesheet" href="index.css"> <script src="index.js"></script> <!-- Подключение стилей и javascript стало проще некуда --> <style> /*Стиле прописываем теперь любые. Удобно, неправда ли?*/ body { font-size: 30px; color: red; } </style> </head> <body> Привет <p id="first"></p> <script> var my_first=document.getElementById('first'); my_first.innerHTML="Это моя первая запись"; // Здесь Вы можете писать любую функцию. HTML5 видит css и javascript. Ему теперь не нужно указывать, что перед ним. Очень удобно. </script> </body> </html> |
Из выше преведенного кода видно, что написать страницу с кодом на HTML5, проще некуда. Но как быть со старым кодом? И как новый HTML5 работает в браузерах. Отвечаю! Новый стандарт отлично справляется с пониманием старых кодов и полностью совместим с предыдущими версиями, поэтому не бойтесь использовать HTML5 в своем программировании. Что же касается браузеров. То все они движутся и развиваются. А новый стандарт разметки все более и более популярен. Поэтому его изучение очень и очень перспективно.
Но, не смотря на это, мы должны учитывать в нашем коде плавное изменение нашего кода, если HTML5 не поддерживается пользователем. Но об этом мы еще поговорим. До следующей записи.
Свяжитесь с нами уже сейчас
- +7 (906) 272-38-19
Tel./ WhatsApp/ Viber - info@cruelten.ru
- Cruelten
- Cruelten
Комментарии: