HTML 5

Что такое HTML?
HTML расшифровывается как HyperText Markup Language, что может быть непонятным термином для многих новичков. Лучший способ объяснить HTML — это рассмотреть значение каждого слова.

Гипертекст — это текст, содержащий ссылки на другие тексты. Каждый раз, когда вы нажимаете на выделенную или подчеркнутую ссылку, которая ведет вас на другую страницу, вы используете гипертекст. По мере того как все больше и больше страниц используют гипертекст для связи друг с другом, начинает формироваться «паутина» страниц. Отсюда и появился термин «Всемирная паутина».

Разметка — это специальные символы или коды, которые вставляются в документ, чтобы указать веб-браузеру, как отображать данные документа. Например, код разметки может указывать браузеру, как отображать фразу жирным или курсивным шрифтом, или указывать браузеру, какие части документа являются заголовками, а какие — абзацами. HTML — это всего лишь один из множества языков, использующих код разметки.

Язык означает, что код стандартизирован. Подобно обычным разговорным языкам, существуют определенные правила, которым все должны следовать при написании HTML. Это необходимо для того, чтобы все браузеры могли понимать и интерпретировать код. Существует множество различных языков программирования, и вы, возможно, слышали о таких популярных, как Java, Python и Ruby. Каждый язык имеет свой собственный уникальный набор правил, и многие языки можно использовать в сочетании с HTML для создания удивительных веб-страниц и приложений.

Как выглядит HTML-код?
В принципе, HTML-код выглядит так же, как и обычный текст. Наиболее заметной особенностью HTML-кода является использование угловых скобок. Эти угловые скобки заключают в себе код разметки, который указывает браузеру, как отображать данные документа.

Вот пример простого кода HTML 5:

Введение в HTML 5

  • Был опубликован в октябре 2014 года Консорциумом Всемирной паутины (W3C).
  • Является последней и наиболее совершенной версией HTML
  • Заменяет HTML 4.02=1, XHTML 1.0 и XHTML 1.1
  • Является стандартом для структурирования и представления контента во Всемирной паутине.
  • Обеспечивает обратную совместимость.

Новые возможности, представленные в HTML 5

  • Новая семантика> Предоставляет вам новую коллекцию тегов, которая поможет вам в создании DOM.
  • Canvas > Поможет вам в визуализации фигур и рисунков, а также времени выполнения на веб-странице.
  • Geolocation > географическое местоположение любого клиента, который делает запрос. Таким образом, вы можете предоставлять им услуги в соответствии с их местоположением.
  • Микроданные > когда вы извлекаете метаданные из тегов HTML.
  • Web Storage> Предоставление возможности хранения данных во всемирной паутине.
  • Web Messaging> Предоставление возможности отправки сообщений через сети с помощью html5.
  • IndexDB > Дополнительный способ хранения данных, предназначен для хранения больших объемов данных.
  • Мультимедиа >

Структура страницы HTML5

(header, nav, main, article, section, aside, footer, address)

<header>
<div id="logo">HTML</div>
<nav>  
<ul>
    <li><a href="/">Home</a>
    <li><a href="/link">Page</a>
</ul>
</nav>
</header>
<main role="main">
<article>
<h2>Title 1</h2>
<p>Content 1</p>
</article>
<article>
<h2>Title 2</h2>
<p>Content 2</p>
</article>
</main>
<section>
A group of related content
</section>
<aside>
Sidebar
</aside>
<footer>
<p>&copy; HTML CheatSheet</p>
<address>
Contact <a href="mailto:me@htmlg.com">me</a>
</address>
</footer>
Вход в полноэкранный режим Выход из полноэкранного режима

Лучшие ресурсы для получения рекомендаций

  1. HTML Cheatsheet 2.HTML Standard3.MDN Docs
  2. Emmet

Emmet Emmet — это обязательный набор инструментов для веб-разработчиков. С помощью Emmet вы можете быстро создавать разметку.

Оцените статью
devanswers.ru
Добавить комментарий