web page structure
Структура html-документа
Почти все теги языка разметки (html) имеют окрывающую <div> и закрывающую </div> часть
Между открывающей и закрывающей частью тега находится тело html-элемента - структурной части веб-документа
Тег <html> сообщает браузеру, что это HTML документ
Элемент <html> представляет собой корень HTML документа
Элемент <html> является контейнером для всех других HTML элементов (за исключением тега <!DOCTYPE>)
-
<html>- открывающая часть -
</html>- закрывающая часть
Между открывающей и закрывающей частями тега <html> находится все содержимое веб-страницы
Элемент <head> может включать в себя название документа, скрипты, стили, мета-теги и многое другое
В элементе <head> могут быть следующие элементы:
<base href="http://www.w3schools.com/images/" target="_blank"><link rel="stylesheet" type="text/css" href="theme.css">Метаданные - это информация о данных
Метаданные не будут отображаться на странице,
но будут использоваться браузером, поисковиками
и прокси-серверами
Мета элементы, как правило, используются
для краткого описания страницы,
задания ключевых слов, указания автора документа,
даты последнего изменения и т.д.
Это может быть подключение внешнего файла сценария:
<script src="../js/resize.js"></script>или включение фрагмента кода:
<script>
if ( window.addEventListener ) {
window.addEventListener( "resize";, browserResize );
window.addEventListener( "load", browserResize );
} else if (window.attachEvent) {
window.attachEvent( "onresize", browserResize );
window.attachEvent( "onload", browserResize);
}
</script>
<noscript> - определяет альтернативный контент для пользователей, у которыx отключены скрипты в браузере или же браузер которых не поддерживает скрипты
Элемент <body> включает в себя все отображаемое в браузере содержимое веб-страницы: текст, гиперссылки, изображения, таблицы, списки и т.д.
Всемирная паутина
Пример
Flexbox Froggy
