HTML5 -обзор
Всем привет. Добро пожаловать на обзор по HTML5. В своих статьях я буду постоянно затрагивать тему нового языка разметки и вместе с Вами создавать поистине великолепные шедевры сайтов. Сразу забегу вперед. Мы действительно! будем создавать отличный игровой портал, благодаря новейшим технологиям. И поэтому нашей основной задачей на сегодня будет понять, что же такое HTML5, что он из себя представляет.
HTML5 — что это?
HTML5 — это новый язык разметки. Но не стоит пугаться и думать, что Ваши знания по предыдущей версии html пропадут зря. На самом деле новая разметка воплотила все преимущества предыдущей версии html и добавила много всего вкусного.
Многие искренне считают, что HTML5 — это некий новый язык программирования. На самом деле это не так. Я считаю, что html5 — это совокупность различных самых современных элементов, благодаря которым, мы и получаем такие великолепные страницы.
HTML5 — это совокупность CSS3 (языка представления страницы), разметки (усовершенственный код html) и JavaScript (взаимодествие, интерактивность). Имея такой богатый арсенал мы можем с уверенностью сказать, что HTML5 это поистине новый рывок в создании не только веб-страниц, но и целых веб-приложений.
Естественно, подходить к созданию интерактивных страниц необходимо, имея, хотя бы базовые знания в области программирования на JavaScript и знанием html и css. Без этого никак.
А в сегодняшней статье, я бы хотел обратить Ваше внимание на создании простой, но в то же время очень важной начальной страницы на HTML5. Следуя этим простым принципам, которые я укажу в коде, Вы поймете, что html5 стал более гибок и понятлив. Итак, начнем с кода.
<!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
Telegram / WhatsApp - info@cruelten.ru
- Cruelten
- Cruelten
Вы привыкли видеть здесь форму обратной связи. Ведь так? Ее делают почти все. Но исследуя поведение людей, мы пришли к выводу, что форма совершенно не нужна. В любом случае все сводится к обсуждению Вашего проекта в WhatsApp или Telegram. А зачем нам тратить Ваше время на заполнение различных форм? Поэтому, пишите в Telegram или в WhatsApp.