Добавить в корзинуПозвонить
Найти в Дзене
Мой канал про меня

Почему html5, а не html4?

HTML или же язык гипертекстовой разметки - основной язык, если речь идёт о создании сайта. В России и странах СНГ его по простому могут называть Х(ъ)ТМЛ или Аш-ти-эм-эль html:5 самая последняя и актуальная версия html на данный момент. В чём же заключаются нововведения и преимущества по сравнению с html:4? Цель новой версии - поддержка новейших мультимедийных технологий и появление других новых функций. Язык стал простым, его могли легко читать люди и интегрировать в компьютеры и устройства. HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>тег nav</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>Топ тамагочи игр</h1> </header> <nav><a href="1.html">Мяусим: Котовасия</a> | <a href="2.html">Petz</a> | <a href="3.html">Dogz 2</a> | <a href="4.html">The Sims 3: World Adventures</a></nav> <article> <h3>А какие игры нравятся тебе?💕😎</h2> </article> </body> </html> CSS: a { text-decoration: none; /* убираем подчеркивание ссылки */ color: inher
Оглавление

HTML или же язык гипертекстовой разметки - основной язык, если речь идёт о создании сайта. В России и странах СНГ его по простому могут называть

Х(ъ)ТМЛ или Аш-ти-эм-эль

html:5 самая последняя и актуальная версия html на данный момент.

В чём же заключаются нововведения и преимущества по сравнению с html:4?

Цель новой версии - поддержка новейших мультимедийных технологий и появление других новых функций. Язык стал простым, его могли легко читать люди и интегрировать в компьютеры и устройства.
  1. html:4 не поддерживал аудио и видео без поддержки flash player, тем временем как html:5 поддерживает элементы аудио и видео с помощью новых специальных тегов <audio> и <video>;
  2. html:4 также был лишён некоторых тегов, таких как: <header>, <nav>, <footer>,<canvas>,<figure>, <time>, <datalist>, <datalis>, <article>, <source> и другие.
  3. В html:4 нельзя рисовать фигуры такие как: круг, треугольник, прямоугольник, квадрат и т.д, а в html:5 можно!
  4. html:4 является устоявшимся и стандартным языком и совместим со многими браузерами, в то время как html:5 достаточно новый, он может не поддерживаться некоторыми браузерами.
*Пример использования тега <nav>
*Пример использования тега <nav>

HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>тег nav</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Топ тамагочи игр</h1>
</header>
<nav><a href="1.html">Мяусим: Котовасия</a> | <a href="2.html">Petz</a> |
<a href="3.html">Dogz 2</a> | <a href="4.html">The Sims 3: World Adventures</a></nav>
<article>
<h3>А какие игры нравятся тебе?💕😎</h2>
</article>
</body>
</html>

CSS:

a {
text-decoration: none; /* убираем подчеркивание ссылки */
color: inherit; /* ссылка будет иметь цвет текста, как обычный текст */
}
body {
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

Вот такой сайт у нас получается. Все названия кликабельны и отправляют нас на соответствующую страницу сайта (1.html, 2.html и т.д)

*Сайт, который получился
*Сайт, который получился

Спасибо за прочтение! Поставь лайк и подпишись! :)

*Это я пишу статью
*Это я пишу статью