Найти в Дзене
Ролики
Скрыли публикацию
1,0×
Aнимация границ border animation #html #css #JavaScript
Скрыли публикацию
1,0×
html и css создать анимация button #html #css
Скрыли публикацию
1,0×
html css JavaScript button box-shadow #box-shadow #html_button #css_box-shadow
Скрыли публикацию
1,0×
html и css border-radius @MasteR IT #html #css #JavaScript
Скрыли публикацию
1,0×
Использование тени блока html css создать эффект воды #html #css #JavaScript
Скрыли публикацию
1,0×
html и css создать анимацию @html @css JavaScript
Статьи
Html title
<title> Заголовок на вкладке страницы в браузере. Кратко Скопировать ссылку "Кратко" Чтобы дать документу название, используй элемент <title>. Название, или заголовок документа, будет видно только в строке заголовка браузера или на вкладке страницы. Из названия страницы <title> пользователь узнаёт, что на ней находится. Если он захочет добавить страницу в избранное, то браузер предложит <title> в качестве названия закладки. Как пишется Скопировать ссылку "Как пишется" Тег <title> прописывается в контейнере <head> и может содержать только текст. На странице может быть только один элемент <title>...
11 месяцев назад
Html <head>
<head> Какие настройки страницы скрываются в невидимой голове? Говорим о заголовке страницы, фавиконке, способах подключения стилей и скриптов. <html> <head> <title>Заголовок страницы</title> </head> </html> Как пишется Скопировать ссылку "Как пишется" Кроме <title>, внутри контейнера <head> можно разместить и другие элементы: <base>, <link>, <meta>, <script>, <style>. Вот пример того, как можно поставить фавиконку — маленькую иконку в углу вкладки браузера. <head> <link rel="shortcut icon" type="image/png" href="/favicon.png"> </head> <head> — это мозги, которые всем управляют. Метаданные...
11 месяцев назад
<html> Содержит всю страницу внутри — и метаданные, и контент. Кратко Скопировать ссылку "Кратко" Элемент <html> открывает контейнер, в котором находится всё содержимое страницы. Это корневой, или родительский, элемент всего документа. <!DOCTYPE html> <html> <head> ... </head> <body> ... </body> </html> Как пишется Скопировать ссылку "Как пишется" Тег <html> ставят сразу после <!DOCTYPE>. Атрибуты Скопировать ссылку "Атрибуты" ☘️manifest — указывает URI (унифицированный идентификатор ресурса) манифеста, который сообщает браузеру, какие элементы страницы могут быть закэшированы. ☘️title — добавляет всплывающую подсказку, которая появляется, когда курсор мыши задерживается в окне веб-страницы. ☘️version — определяет версию шаблона HTML-документа, но необходимости в этом нет (устарел в HTML4.01; вышел из употребления с версии HTML5). ☘️xmlns — необязательный для HTML5, но необходимый для XHTML-документов атрибут. Определяет пространство имён XML, в котором находится документ. ☘️prefix — здесь прописывают open-graph разметку, типа <html lang="ru-RU" prefix="og: [http://ogp.me/ns#](http://ogp.me/ns#)">. Это чтобы при репосте с сайта в VK, Facebook и другие соцсети передавались те заголовки, картинки и описания, которые мы укажем. Подсказки Скопировать ссылку "Подсказки" 💡 В HTML есть атрибут lang, который подсказывает браузеру язык, на котором написан текст на странице. Если добавить lang в <html>, браузер правильно отобразит текст и подберёт подходящую для этого языка пунктуацию. Например, в английском тексте будут такие кавычки “ ”, а в русском такие «». Пишется так: lang="en". Кроме того, атрибут lang позволяет браузеру понять, отличается ли язык страницы от языка вашей системы. Если да, то браузер предложит пользователю использовать онлайн-переводчик. <html lang="ru"> ... </html> ⭐Если после открывающего тега <html> или перед закрывающим тегом </html> нет комментария, но внутри есть заполненная конструкция <body> ... </body>, теги <html> и </html> можно не писать. @html @css @JavaScript
11 месяцев назад
HTML HTML — язык разметки для создания структуры веб-страницы и представления контента. Благодаря разметке браузер знает в каком порядке отображать элементы, и что они значат. <!DOCTYPE> Что за загадочный доктайп и зачем он нужен? Почему не стоит забывать о нём? Рассмотрим современный доктайп и его исторические версии. <!DOCTYPE> или «доктайп» — это сокращение от «тип документа» (document type). Доктайп говорит браузеру: «работай со страницей в стандартном режиме, пожалуйста». Единственный доктайп, который вам нужно знать — это <!DOCTYPE html>. Поставьте его первой строчкой HTML-документа, и браузер обработает страницу правильно. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Дока</title> <link rel="stylesheet" href="/assets/styles/main.css"> </head> </html> Как понять Скопировать ссылку "Как понять" Есть несколько исторических версий HTML, включая специальную — XHTML. Все они обозначались своими доктайпами и их вариациями, которые вы можете встретить в старом коде: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Сегодня доктайп по спецификации нужен исключительно потому, что без него браузеры переключатся в режим совместимости со старым кодом (quirks mode). Поверьте, вы не хотите оказаться в режиме совместимости. Чтобы переключить браузер в стандартный режим (standards mode), достаточно написать в самом начале документа: <!DOCTYPE html>. Это единственный стандартный доктайп для современного HTML. Всё, что сверх этого — только риск лишней путаницы и для автора, и для браузера. Теги и атрибуты в HTML не зависят от регистра (хотя доктайп это не тег, строго говоря), поэтому все вариации ниже абсолютно равнозначны, даже последняя — но лучше не надо так писать. <!DOCTYPE html> <!DOCTYPE HTML> <!doctype HTML> <!doctype html> <!DoCtYPe hTMl> #html #css #JavaScript
11 месяцев назад