HTML5 -обзор - Творческая студия #Cruelten
Блог
Делимся с Вами своими знаниями и новостями
18.05.2013

HTML5 -обзор

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 не поддерживается пользователем. Но об этом мы еще поговорим. До следующей записи.

Метки:

Свяжитесь с нами уже сейчас

Вы привыкли видеть здесь форму обратной связи. Ведь так? Ее делают почти все. Но исследуя поведение людей, мы пришли к выводу, что форма совершенно не нужна. В любом случае все сводится к обсуждению Вашего проекта в WhatsApp или Telegram. А зачем нам тратить Ваше время на заполнение различных форм? Поэтому, пишите в Telegram или в WhatsApp.