Почему я говорю об этом…

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

Что ж, перемотаем вперед несколько лет спустя, и вот я, в гуще всех событий, наконец-то выхожу из депрессии, вызванной JavaScript, которая охватила меня около 8 месяцев. На данный момент я могу читать, писать и фактически понимать, что происходит (в большинстве случаев), когда я читаю код.

Но хватит обо мне и моих неблагополучных отношениях с JavaScript, давайте вернемся к обсуждаемому вопросу (да, в ближайшем будущем появится еще одна статья о наших отношениях). Я знаю, что вы, вероятно, задаетесь вопросом, знаю ли я вообще, что означает HTML. Да, я знаю, и HTML означает язык гипертекстовой разметки. Краткое определение HTML — это файл, который сообщает вашему браузеру, что показывать вам, когда вы либо вводите адрес в строке поиска, либо нажимаете на ссылку. Вскоре я расскажу подробнее.

Обратите внимание на имя…

Скептики утверждают, что HTML — это язык разметки, а не настоящий язык программирования, и между ними есть разница.

Язык разметки просто используется для создания среды, в которой язык программирования выполняет свои функции. Другими словами, мы используем HTML для создания структуры инструкций, организованных в определенном формате с помощью тегов. Теги — это специальные ключевые слова, завернутые в ‹› (подумайте больше, чем здесь и меньше, чем здесь), которые понимает ваш браузер. Эта организованная структура сохраняется с расширением .html в конце и также известна как HTML-документ. Документ HTML представляет собой структуру того, что мы видим, когда смотрим на веб-сайт.

Теперь давайте на секунду поговорим о языках программирования. Я чувствую, что мое последнее утверждение нужно немного уточнить. Когда вы просматриваете веб-страницу, вы, скорее всего, наблюдаете, как языки программирования манипулируют тегами HTML. Когда вы видите какие-либо анимации на странице (перелистывание элементов, выпадающие меню, что-то исчезает при нажатии на него и т. д.), это, скорее всего, либо jQuery, либо JavaScript.

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

Думайте об этом как о рецепте, состоящем из 3 частей, где HTML — это мясо, а следующая часть — это приправы. Вторая часть, или приправы того, что вы видите на www.anywebsiteyouarelookat.com, известна как JavaScript или jQuery. Заключительная часть нашего рецепта или украшение — каскадная таблица стилей (CSS). Я углублюсь в CSS в другой статье. Подумайте о процессе таким образом: HTML — это основа вашего приложения, JavaScript или Jquery заставят ваше приложение работать, а CSS сделает ваше приложение красивым.

Теперь, когда мы все в курсе того, что такое HTML, пришло время принять решение. С какой стороны забора вы находитесь? В этом случае я должен согласиться со скептиками: язык программирования — это не язык разметки. Файл HTML состоит из элементов, идентифицированных тегами, которые используются для создания модели DOM. Затем DOM используется языками программирования для выполнения манипуляций. Отличный ресурс для этой информации можно найти в библиотеке MDN здесь.

Итак… что такое DOM?

Хорошо, я снова ввожу новые термины в этот разговор, вы меня поймали. Краткое определение: объектная модель документа (DOM) — это модель элементов, созданная набором организованных тегов, которые были созданы в файле HTML. Эта модель файла — это то, что языки программирования используют для выполнения манипуляций, которые мы видим на экранах наших компьютеров. Манипуляции в этом контексте относятся к анимации и обработчикам событий. Примером обработчика событий может быть то, что происходит при нажатии кнопки. Например, когда я нажимаю кнопку «Подробнее» в сводке блога, вся запись блога загружается и появляется на экране.

Хорошо, на какой ты стороне?

Приятно выбирать сторону забора, однако я могу понять, почему это сбивает с толку в первую очередь. HTML — это инструмент, используемый для создания DOM, а языки программирования манипулируют им. Это лишь одна из странностей, на которые я наткнулся, проводя исследования и учась в качестве разработчика. Итак, по какую сторону забора вы сидите и почему? Есть ли что-то, что вы хотели бы добавить к обсуждению? Дай мне знать в комментариях.

ИСТОЧНИКИ:

Mozilla — лучшее место для документации в Интернете.

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction