1. HTML
Studied by 0 people
Call Kai
Learn
Practice Test
Spaced Repetition
Match
Flashcards
Knowt Play1/14
There's no tags or description
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced |
|---|
No study sessions yet.
15 Terms
HTML
HTML (HyperText Markup Language) — язык для разметки гипертекста
Язык разметки для создания структуры веб-страницы и представления контента. Благодаря разметке браузер знает в каком порядке отображать элементы, и что они значат.
Семантика
использование HTML-тегов, передающих смысл содержимого.
Семантические теги:
aside, article, footer, header, main, nav
Гипертекст
По Теду Нельсону - это совокупность письменных или изобразительных материалов, взаимосвязанных столь сложным образом, что её невозможно удобно представить на бумаге.
Имеется ввиду документ, который может содержать ссылки, позволяющие перейти на другой документ
Из чего состоит HTML?
HTML — это контент и теги. Самый общий тег — это HTML. В него вкладываются два дочерних тега head и body
Что такое HTML-тег?
Тег — это специальное служебное слово, заключенное в угловые скобки. Его ещё называют «элемент HTML».
Тег может наделять контент определенными css-свойствами и позволяют задать способ отображения контента на веб-страницах, привязывать контент к определенной группе
Метатеги и метаданные
Метатеги — это HTML-теги, которые используют, чтобы описать метаданные веб-страницы. Метаданные — это данные, которые описывают другие данные, а в вебе — HTML-документы. Указывать метаданные важно, чтобы поисковики правильно отображали сайт в поисковой выдаче и он показывался на первых строчках
<section>
это семантический тег, который говорит поисковику, что внутри находится важный функциональный блок сайта. Имеет смысл в контексте страницы
Внутри него обязательно должен быть заголовок (h1 только ОДИН на страницу)!.
Используется с aria-label, чтобы показывать скринридерам, где начинается и заканчивается элемент страницы
Применяется для: глава книги, секция в группе чего-либо
<article>
обозначает законченный и самодостаточный раздел документа, описывающий какую-то сущность: товар, карточку пользователя, прогноз погоды или курс валют, рекламный баннер, виджет.
Имеет смысл вне контекста страницы
<head>
В нем хранятся метаданные сайта, например favicon, заголовок страницы (link, meta, script, title). Эти данные не будут отображаться на самой странице
<canvas>
элемент, использующийся для рисования графики средствами языков программирования (обычно это JavaScript)
Note 
Flashcards (27)