Отличие HTML 5 и CSS 3 от более ранних версий



Основные определения записываются в тетрадь

Для самостоятельного изучения языков программирования установите на своём смартфоне приложение SoloLearn

СПРАВОЧНИКИ

HTML5CSS.ru

http://htmlbook.ru/

Технологии Чемпионат 2020

HTML 5, CSS3, JavaScript, jQuery, Граф. дизайн, PHP, Python

CMS Wordpress, GIT, postman

браузера Google Chrome

Библиотеки

bootstrap-4.3.1-dist.zip, vue.min.js, vue.js, jquery-3.4.1.min.js, jquery-3.4.1.js,

Yii2 basic, Laravel 5, Django - разработка RESTFul API

Урок 1

 

Ненативное приложение – приложение, не имеющее привязанности к определённой платформе или операционной системе

W3C– консорциум всемирной паутины

 

Браузер (от англ. Web browser - Веб-обозреватель) - программное обеспечение, используемое для просмотра веб-сайтов, то есть для запроса веб-страниц (преимущественно из Сети - интернета), их обработки, вывода в окне браузера и перехода от одной страницы к другой.

 

Валидность кода – это степень соответствия кода сайта принятым международным нормам, сокращенно W3C.

Валидный код - это код, который создан по всем правилам того языка, который используется при создании каждой конкретной веб-страницы.

В более узком понимании – валидный код должен соответствовать тем нормам, которые указаны в стандарте W3C - организации, которая непосредственно занимается разработкой HTML.

Иными словами, для того, чтобы сайт шел к успеху, увеличивал посещаемость и приобретал множество входящих ссылок, важно не только начинить его интересным оптимизированным контентом, не только снабдить его хорошим юзабилити и прочими полезностями, но еще и добиться валидности внутреннего кода страниц, который для обычного пользователя практически не виден, но, зато, чрезвычайно большое значение приобретает тогда, когда сайт посещают боты поисковых машин.

Давным-давно был принят ряд общих правил по написанию html и CSS кода, которые в случае не соответствия нормам W3C могут повлечь за собой неправильное отображение вашего сайта в различных компьютерных и мобильных браузерах. Также в некоторых особо редких случаях это может повлечь к санкциям со стороны поисковиков, а также наложению различные фильтров, которые могут замедлить развитие вашего проекта. Но это бывает очень редко, так как даже у самого Яндекса и Google код не на 100% валидный, то есть в нем присутствуют ошибки.

 

Чтобы проверить сайт на соответствие этим нормам нужно пройти по ссылке: validator.w3.org. Ввести нужный адрес и посмотреть результаты.

 

http://jigsaw.w3.org/ проверка отдельных файлов

 

Фронтенд - все, что браузер может читать, выводить на экран и / или запускать. То есть это HTML, CSS и JavaScript.

Бэкенд - все, что работает на сервере, то есть «не в браузере» или «на компьютере, подсоединенном к сети (обычно к Интернету), который отвечает на сообщения от других компьютеров».

Для бэкенда вы можете использовать любые инструменты, доступные на вашем сервере (который, по сути, является просто компьютером, настроенным для ответов на сообщения). Это означает, что вы можете использовать любой универсальный язык программирования: Ruby, PHP, Python, Java, JavaScript / Node, bash. Это также означает, что вы можете использовать системы управления базами данных, такие как MySQL, PostgreSQL, MongoDB, Cassandra, Redis, Memcached.

HTML-документ — это обычный текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, имеет расширение .html

 

Структура веб – страницы

HTML - структура

CSS – оформление

JavaScript – поведение

PHP и похожие языки– серверная часть

CMS – управление контентом

 

HTML (Hyper Text Markup Language) - язык гипертекстовой разметки.

Говорит браузеру, каково содержание страницы, например, «заголовок», «параграф», «список», «элемент списка».

 

CSS (Cascading Style Sheets) - каскадные таблицы стилей. Формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Говорит браузеру, как отображать элементы, например, «после первого параграфа отступ в 20 пикселей» или «весь текст в элементе body должен быть темно-серым и написан шрифтом Verdana».

Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы от описания внешнего вида этой веб-страницы.

 Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

JavaScript – это интерпретируемый язык программирования, разработанный для взаимодействия с веб-страницами.

Говорит браузеру, как реагировать на некоторые взаимодействия, используя легкий язык программирования. Большинство сайтов на самом деле не используют много JavaScript, но если вы нажмете на что-то и содержимое страницы поменяется без белого мигания экрана, значит, где-то использовался JavaScript.

PHP (Hypertext Preprocessor - препроцессор гипертекста) – это интерпретируемый язык программирования общего назначения, работающий на серверной стороне.

Это означает, что когда посетитель запрашивает страницу сайта, сервер получает запрос, передаёт управление интерпретатору PHP, он выполняет все необходимые операции, отдаёт готовый код серверу и только потом сервер отправляет готовую страницу браузеру.

 

Отличие HTML 5 и CSS 3 от более ранних версий

 

Интернет сейчас сильно отличается от того, что был в 1999 году, когда вышло последнее крупное обновление HTML 4.01.

HTML – плод совместных усилий World Wide Web Consortium или W3C и Web Hypertext Application Technology Working Group или WHATWG. В 2006 организации объединились, чтобы снизить зависимость от плагинов, улучшить обработку ошибок и заменить скрипты на разметку. Как следствие, HTML5 сильно упростил процесс создания веб-приложений.

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

 

С 28 октября 2014 года W3C официально рекомендует использовать HTML5 — это значит, что стандарт окончательно финализирован и готов к широкому использованию.


Дата добавления: 2020-04-25; просмотров: 183; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!