Please enable JavaScript.
Coggle requires JavaScript to display documents.
ВЕБ-САЙТ - Coggle Diagram
ВЕБ-САЙТ
HTML
Весь html-документ состоит из вложенных друг в друга элементов
Элемент - основная единица html, имеет предназначение и состоит из: <p class=''foo''>бла-бла</p>
Тегов - имя элемента
закрывающий тег </p>
открывающий тег <p>
Атрибутов - свойства элемента class=''foo''
имя атрибута class
значение атрибута foo
Общие: class, id, style и т.д.
Специфичные: href, scr
Без значения: disabled
Cодержимого бла-бла
Группы элементов:
Void elements (пустые элементы): имеют только открывающий тег и атрибуты.
<area>, <base>, <br>, <col>, <embed>, <hr>, <img>, <input>, <keygen>, <link>, <meta>, <param>, <source>, <track> и <wbr>
Raw text elements (элементы сырого текста – script, style): содержимое - только текст.
Foreign elements (внешние элементы) – элементы из сторонних спецификаций со своим синтаксисом, например SVG или MathML.
Escapable raw text elements (элементы мнемонизируемого сырого текста) – могут содержать текст и ссылки на символы-мнемоники (через &). Например, textarea, title.
Normal elements (обычные элементы) – в качестве содержимого могут текст и другие вложенные элементы.
Комментарии: <!-- comment -->
Виды элементов:
• секционные элементы;
• заголовочные элементы;
• группирующие элементы;
• текстовые элементы;
• табличные элементы;
• ссылочные элементы;
• элементы форм;
• элементы встраиваемого содержимого.
• метаэлементы;
подробнее:
https://docs.google.com/document/d/17Iy4X68nMyeGSdsWRGVaNWeAzPK3SePXisbo7fDUh5o/edit?usp=sharing
Разметка HTML
По назначению:
описательная (Descriptive Markup) – определяет метаинформацию документа. Например, ключевые слова, автора документа, заголовок и кодировку
Кодировка (или, вернее, набор символов, character set,
charset) – таблица, где каждому символу сопоставляется последовательность нулей и единиц (битов).
Рекомендуется использовать кодировку utf-8, используя специальный метатег (рекомендуемый)
<meta charset="utf-8">
Затем необходимо указать язык документа, Используя атрибут lang у элемента <html> (рекомендуемый)
<html lang="ru">
структурная (Structural Markup) – определяет структуру и назначение текста
визуальная (Presentational Markup) – определяет то, как элемент будет выглядеть
не рекомендовано к использованию! заменено на каскадные стили CSS
ссылочная (Hypertext Markup) – обозначает части документа как ссылки. В спецификации HTML5 такой элемент только один – <a>.
семантическая (Semantic Markup) - помогает браузерам и поисковым системам лучше ориентироваться в Вашем документе, например, <nav> <code> <address> <abbr>
Пример разметки html-дока:
https://drive.google.com/file/d/1iVY6RuNyymTcuMQOZaDSG95eAHi8Sjvr/view?usp=sharing