Три технологии HTML, JavaScript и CSS

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

HTML JavaScript CSS

HTML

HTML (ХТМЛ) – язык разметки веб-страниц, который можно расшифровать как HyperText Markup Language. Это основа всех сайтов. В далекие времена 90-х годов было множество сайтов без CSS и javascript, работающих на чистом HTML. Это каркас страницы – ссылки, картинки, текст. Т.е. самые базовые вещи на ней.

Язык разработан швейцарскими инженерами в 1993 году и изначально предназначался исключительно для научных целей. Постепенно выпускались новые версии HTML и его синтаксис обновляется и сейчас – в среднем раз в 5 лет.

Часто ведутся споры о том, можно ли считать HTML языком программирования. Википедия и некоторые источники указывают его формально как язык программирования, но по сути это все же язык разметки, имеющий мало общего с программированием – его цель создавать «скелет» страницы сайт, т.е. его первичную структуру, которую потом можно будет украсить стилями и оживить через JavaScript.

CSS

Что такое CSS? Некоторые еще его называют ЦСС, но произносить это слово правильно как «си эс эс». Это каскадные таблицы стилей. Английская расшифровка — Cascading Style Sheets. Это язык оформления HTML документов, который впервые был выпущен в конце 1996 года и периодически обновляется приблизительно раз в 10 лет.

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

JavaScript

JavaScript (рус. ДжаваСкрипт) – это уже настоящий язык программирования, цель которого оживить страницу и сделать ее динамичной. Был разработан в 1995 году.

С его помощью можно сделать веб-страницу интерактивной. Например, можно сделать так чтобы при клике на определенный html элемент происходило какое-нибудь событие. Самый банальный пример – всплывающие формы на сайте. Вы кликнули на кнопку, всплыла форма, вы ее отправили или закрыли – она пропала с экрана. Все это работает исключительно благодаря JavaScript.

Итог

Подведем итог прочитанного. Эти три технологии плотно интегрированы друг с другом. Если разделить их по функционалу, то будет следующая схема: HTML – каркас, основа любой веб-страницы, все начинается с него; CSS – придает HTML красочности и делает возможным создание сложного адаптивного дизайна: JavaScript – оживляет наш сайт и делает HTML элементы интерактивными (действие посетителя – ответ веб-страницы).

Рейтинг
( 1 оценка, среднее 5 из 5 )
Понравилась статья? Поделиться с друзьями:
Хостинг и домен
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: