worldwide open-source software - software:development:ps_pycharm:html5:glossary

css

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 20:25:15 +0000

CSS

CSS (Cascading Style Sheets, или каскадные таблицы стилей) - это декларативный язык, который отвечает за то, как страницы выглядят в веб браузере. CSS стили содержат свойства и их значения, которые и определяют, как будет выглядеть сайт.

CSS одна из ключевых Web технологий, наряду с HTML и JavaScript. Как правило CSS используется для определения стилей HTML-элементов, но также может быть применён совместно с другими языками разметки, такими как SVG или XML.

CSS-правило состоит из селектора и набора свойств с их значениями. В этом примере все HTML параграфы будут иметь текст жёлтого цвета на чёрном фоне:

/* Селектор "p" означает, что данное правило будет применено ко всем параграфам в документе */
p {
  /* Свойство "color" определяет цвет текста, в данном случае желтый. */
  color: yellow;
 
  /* Свойство "background-color" определяет цвет фона элемента, в данном случае черный. */
  background-color: black;
}

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

doctype

anonymous@undisclosed.example.com (Anonymous) — Sat, 01 Feb 2025 06:16:05 +0000

Doctype

В HTML объявление типа документа тегом <!DOCTYPE html> - обязательная преамбула, расположенная в верхней части документа. Единственное предназначение тега - не допустить переключение браузера в так называемый режим совместимости ("quirks mode") во время рендеринга документа; то есть, тег <!DOCTYPE html> гарантирует, что браузер с максимальными усилиями будет следовать соответствующей спецификации, а не использовать другой тип рендеринга, несовместимый с некоторыми спецификациями.

html

anonymous@undisclosed.example.com (Anonymous) — Sun, 20 Aug 2023 16:11:56 +0000

HTML

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — язык разметки, определяющий структуру веб-страниц.

Краткая история

В 1990 году, как часть видения о Вебе, Тим Бёрнс-Ли определил понятие гипертекста, которое он оформил с помощью разметки, главным образом основанной на приложении SGML. Группа IETF начала формировать спецификацию HTML в 1993, и после нескольких набросков выпустила версию 2.0 в 1995. В 1994 Бёрнс-Ли основал W3C для развития Веба. В 1996, W3C взяло на себя работу над HTML и опубликовало «HTML 3.2 Recommendation» годом позже. HTML 4.0 был выпущен в 1999 и стал стандартом ISO в 2000.

В настоящее время, W3C почти забросили работу над HTML в пользу XHTML, что побудило в 2004 году основание независимой группы, названной WHATWG. Благодаря WHATWG, работа над HTML5 продолжилась: две организации выпустили первый черновик в 2008 и финальный стандарт в 2014.

Концепция и синтаксис

Документ HTML - это простой текст, поделённый на элементы. Элементы окружены одинаковыми открывающимися и закрывающимися тегами. Каждый тег начинается и заканчивается с угловых скобок (<>). Также есть теги, которые созданы не для добавления текста, например <img>.

Вы можете дополнить HTML теги с помощью атрибутов, которые дают дополнительную информацию и затрагивают то, как браузер интерпретирует элемент:

HTML принято сохранять с расширением .htm или .html, которые обслуживаются сервером, и могут воспроизводиться любым браузером.

javascript

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 20:16:34 +0000

JavaScript

JavaScript (JS) это язык программирования, который в основном используется для создания динамических скриптов на веб-страницах, но он так же часто применяется на стороне сервера, используя пакеты, такие как Node.JS.

JavaScript не следует путать с Java. «Java» и «JavaScript» являются товарными знаками или зарегистрированными товарными знаками Oracle в США и других странах. Тем не менее, два языка программирования существенно различаются по синтаксису, семантике и использованию.

Задуманный Бренданом Эйхом (тогда работал в Netscape Corporation) как серверный язык, Javascript вскоре появился в Netscape Navigator 2.0 в сентябре 1995 года. JavaScript сразу же добился успеха и Internet Explorer 3.0 представил поддержку JavaScript под названием JScript в августе 1996 года.

В ноябре 1996 года Netscape начала сотрудничать с ECMA International, чтобы сделать JavaScript отраслевым стандартом. С тех пор стандартизированный JavaScript называется ECMAScript и изложен в ECMA-262, чьё последнее (девятое, ES2018) издание доступно с июня 2018 года.

JavaScript в основном используется в браузере, что позволяет разработчикам манипулировать содержимым веб-страницы с помощью DOM, данными с помощью AJAX и IndexedDB, рисовать графику с помощью canvas, взаимодействовать с устройством под управлением браузера через различные APIs и т.д. JavaScript является одним из наиболее часто используемых языков в мире благодаря недавнему росту и повышению производительности доступных в браузерах APIs.

В последнее время популярность JavaScript расширилась ещё больше благодаря успешной платформе Node.js - самой популярной кроссплатформенной среде выполнения JavaScript вне браузера. Node.js позволяет разработчикам использовать JavaScript в качестве языка сценариев для автоматизации работы на ПК и создания полнофункциональных HTTP и WebSockets серверов.

metadata

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 17:35:52 +0000

Метаданные

Метаданные - это, в самом простом определении, данные, что описывают данные. Например, HTML-документ - это данные, но HTML также может содержать метаданные в элементе <head>, который описывает документ, например кто его написал и его резюме.

Смотрите также

Метаданные в HTML

Элемент <meta>.

property.css

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 19:58:29 +0000

CSS (Свойство)

Свойство CSS — это характеристика (например, цвет), связанное значение которой определяет один из аспектов того, как браузер должен отображать элемент.

Пример

/* "div" is a selector indicating that all the div elements */
/* in the document will be styled by that rule */
div {
  /* The property "color" with the value "black" indicates */
  /* that the text will have the color black */
  color: black;
 
  /* The property "background-color" with the value "white" indicates */
  /* that the background color of the elements will be white */
  background-color: white;
}

property.rss

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 20:03:05 +0000

RSS

RSS (Really Simple Syndication) относится к нескольким форматам XML-документов, предназначенным для публикации обновлений сайта. Когда вы подписываетесь на RSS-канал веб-сайта, веб-сайт отправляет информацию и обновления в программу чтения RSS в документе RSS, называемом каналом , поэтому вам не нужно проверять все ваши любимые веб-сайты вручную.

property.svg

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 20:16:19 +0000

SVG

Масштабируемая векторная графика ( SVG ) - это формат двумерного векторного изображения на основе синтаксиса XML.

W3C начал работу над SVG в конце 1990 - х годов, но SVG стал популярным, когда Internet Explorer 9 вышел с поддержкой SVG. Все основные, браузеры теперь поддерживают SVG.

На основе синтаксиса XML, SVG можно стилизовать с помощью CSS и сделать интерактивным с использованием JavaScript. HTML5 теперь позволяет прямое встраивание тегов SVG в HTML документ.

В качестве формата векторного изображения графика SVG может масштабироваться бесконечно, делая их неоценимыми в адаптивном дизайне (en-US) , поскольку вы можете создавать элементы интерфейса и графику, масштабируемые для любого размера экрана. SVG также предоставляет полезный набор инструментов, таких как обрезание, маскирование, фильтры и анимации.

property.xml

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 20:02:25 +0000

XML

eXtensible Markup Language (XML) - расширяемый язык разметки, рекомендованный Консорциумом Всемирной паутины (W3C). В отрасли информационных технологий (ИТ) используется множество языков на основе XML в качестве языков описания данных.

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

quirks_mode

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 17:21:44 +0000

Режим совместимости (Quirks Mode) и стандартный режим (Standards Mode)

В самом начале веба страницы обычно писались в двух версиях: одна для браузера Netscape Navigator, другая для браузера Microsoft Internet Explorer. Когда W3C были созданы новые веб стандарты, браузеры не могли их сразу использовать, так как это могло привести к некорректному отображению большинства существующих сайтов. Для правильного отображения устаревших сайтов и сайтов, поддерживающих новые стандарты, браузерами были разработаны два режима отображения.
На сегодняшний день существует три режима отображения, которые используются движками разметки (layout engines) браузеров: режим совместимости (quirks mode), частично стандартный режим (almost standards mode) и стандартный режим (full standards mode). В режиме совместимости (quirks mode), разметка эмулирует нестандартное поведение браузеров Navigator 4 и Internet Explorer 5. Этот режим необходим для поддержки сайтов, созданных до начала широкого применения веб стандартов. В стандартном режиме (full standards mode) поведение браузера соответствует (будем надеяться) описанному в спецификациях HTML и CSS. В частично стандартном режиме (almost standards mode) реализовано лишь незначительное количество так называемых «странностей» (quirks).

Как браузеры понимают, какой режим использовать?

Браузеры используют тег DOCTYPE, чтобы определить в каком режиме обрабатывать документ. Для отображения страницы в стандартном режиме необходимо добавить тег DOCTYPE в HTML-код страницы как показано в примере ниже:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello World!</title>
  </head>
  <body></body>
</html>

Тег DOCTYPE, указанный в примере, - <!DOCTYPE html> - самый простой способ обеспечить стандартный режим отображения; использование этого тега рекомендовано стандартом HTML5. Для предыдущих версий HTML рекомендованы другие варианты, но все существующие на текущий момент браузеры используют такой тег DOCTYPE для отображения страницы в стандартном режиме, даже Internet Explorer 6. На сегодняшний день не существует веских причин для использования более сложного тега DOCTYPE. Использование какого-либо другого тега DOCTYPE может привести к переключению браузера в частично стандартный режим отображения или в режим совместимости.
Необходимо удостовериться, что тег DOCTYPE находится в самом начале HTML документа. Если на странице будет что-либо до тега DOCTYPE, например, комментарий или декларирование XML, то браузеры Internet Explorer 9 и выше будут переведены в режим совместимости.
В стандарте HTML5 тег DOCTYPE используется исключительно для активации стандартного режима отображения. Предыдущие версии HTML придавали дополнительное значение использованию тега DOCTYPE, но браузеры использовали тег DOCTYPE исключительно для переключения между режимом совместимости и стандартным режимом.

XHTML

Если страница написана в XHTML формате с указанием типа MIME application/xhtml+xml в заголовке Content-Type, то не нужно указывать DOCTYPE для активации стандартного режима, так как подобные документы всегда отображаются в стандартном режиме. Важно иметь в виду, что Internet Explorer 8 вместо контента такой страницы отображает диалоговое окно загрузки как для неизвестного формата, поскольку поддержка XHTML реализована в Internet Explorer, начиная с 9 версии.
Если страница написана в XHTML формате с использованием типа MIME text/html, браузер будет интерпретировать его как HTML, поэтому для использования браузером стандартного режима отображения необходимо указать тег DOCTYPE.

tag

anonymous@undisclosed.example.com (Anonymous) — Sun, 20 Aug 2023 16:14:04 +0000

Тег

В HTML теги используются для создания элементов. Имя HTML-элемента - это имя заключённое в угловые скобки, как например <p> для «абзаца». Обратите внимание, что концу имени предшествует символ косой черты (слеша), «</p>», и что в пустых элементах закрывающий тег не требуется и не допускается. Если атрибуты не указаны, то для них применяются значения по умолчанию.

uri

anonymous@undisclosed.example.com (Anonymous) — Sun, 20 Aug 2023 17:36:27 +0000

URI

URI (унифицированный идентификатор ресурса) — это строка , указывающая на ресурс.

Наиболее распространенными являются URL-адреса , которые идентифицируют ресурс, указывая его местоположение в Интернете. URN , напротив, относятся к ресурсу по имени в заданном пространстве имен, например ISBN книги.

void_element_html

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 16:48:10 +0000

Пустой элемент

Пустой элемент — элемент HTML, SVG или MathML, который не может иметь дочерних узлов (т.е. вложенных элементов или текста внутри себя).
Спецификации HTML, SVG и MathML спецификации очень строго определяют, какой элемент что может содержать. Многие комбинации семантически не имеют смысла, например элемент <audio> внутри элемента <hr>.
В HTML использование закрывающего тега для пустого элемента обычно ошибочно. Например, <input type=«text»></input> является недопустимым HTML.

Пустые элементы в HTML:

void_element

anonymous@undisclosed.example.com (Anonymous) — Sun, 20 Aug 2023 16:15:33 +0000

Элемент

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

grumpy-cat-small

Элементы и тэги это не одни и те же вещи. Тэги открывают или закрывают элементы в исходном коде, тогда как элементы являются частью DOM, объектной моделью документа для отображения страницы в браузере. .