Заголовок сайта

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1ibt1"},{"data":{"embedData":{"type":"youtube","postUrl":"https://www.youtube.com/embed/XAu_DH5rcwg"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"8g7hg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"de2h7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все теги условно можно разделить на следующие группы:","type":"unstyled","key":"fphh7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"теги верхнего уровня;","type":"unordered-list-item","key":"8paji"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"теги для заголовка документа;","type":"unordered-list-item","key":"4oluo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"теги для тела документа.","type":"unordered-list-item","key":"flvbb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В текущем уроке мы изучим первые две маленькие группы и один специфический элемент, а со следующего занятия приступим к изучению тегов для тела документа.","type":"unstyled","key":"bemfc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"1. Тег .","type":"unstyled","key":"4do89"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":55,"style":"BOLD"}],"text":"Итак, первое с чего начнем – это специфический элемент , с которого начинается каждая страница.","type":"unstyled","key":"9t7u0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":55,"style":"BOLD"}],"text":"Несмотря на то, что он тоже пишется в угловых скобках, DOCTYPE не относится к тегам. Главное предназначение этого элемента – это сообщить браузеру тип данного документа для правильного определения используемой версии html и корректного отображения страницы.","type":"unstyled","key":"1qn6d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, для версии HTML 4.01 доктайп выглядел так:","type":"unstyled","key":"2opcj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4k1c3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":41,"style":"BOLD"},{"length":7,"offset":207,"style":"BOLD"}],"text":"А для версии HTML5 доктайп пишется так: , что намного проще запомнить. На текущий момент HTML 5 является последней версией, поэтому мы будем пользоваться именно таким вариантом написания тега DOCTYPE. Единственное, на что необходимо обратить внимание – это наличие обязательного восклицательного знака после открывающей угловой скобки.","type":"unstyled","key":"36o6p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Исходя из вышеизложенного подытожу:","type":"unstyled","key":"cptdp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"каждый HTML-документ начинается с элемента доктайп;","type":"unordered-list-item","key":"9oblv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":8,"style":"BOLD"}],"text":"элемент DOCTYPE может использоваться странице всего лишь 1 раз;","type":"unordered-list-item","key":"bbuqm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"при его написании необходимо помнить о наличии восклицательного знака;","type":"unordered-list-item","key":"3u438"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":50,"style":"BOLD"}],"text":"версия доктайпа, которую мы будем использовать - .","type":"unordered-list-item","key":"esokb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"2. Теги верхнего уровня.","type":"unstyled","key":"4ner8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":65,"style":"BOLD"},{"length":4,"offset":71,"style":"BOLD"},{"length":4,"offset":78,"style":"BOLD"}],"text":"Следующее что рассмотрим – это теги верхнего уровня. Их всего 3: html, head и body.","type":"unstyled","key":"d1ddj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":46,"style":"BOLD"},{"length":4,"offset":174,"style":"BOLD"},{"length":4,"offset":181,"style":"BOLD"}],"text":"После элемента доктайп всегда идет парный тег html, который является корневым, т.е. в нем заключен весь остальной код html документа, включая два других тега верхнего уровня head и body.","type":"unstyled","key":"6qtq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":45,"style":"BOLD"},{"length":4,"offset":86,"style":"BOLD"},{"length":4,"offset":92,"style":"BOLD"},{"length":4,"offset":99,"style":"BOLD"}],"text":"Простейшая html-страница состоит из элемента и трех тегов верхнего уровня: html, head и body. Это минимальный набор обязательных элементов, без которых невозможно корректно и правильно отобразить страницу сайта.","type":"unstyled","key":"61v4f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"3. Тег head.","type":"unstyled","key":"fq7ql"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"},{"length":4,"offset":80,"style":"BOLD"},{"length":5,"offset":158,"style":"BOLD"}],"text":"Элемент head содержит ряд информационных и вспомогательных тегов. При этом, тег head, как и все элементы, располагающиеся внутри него (кроме содержимого тега title), визуально никак не отображаются на веб-странице. Т.е. это служебная информация.","type":"unstyled","key":"evpk7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"},{"length":4,"offset":25,"style":"BOLD"},{"length":34,"offset":30,"style":"BOLD"}],"text":"Например, структура тега head может выглядеть следующим образом:","type":"unstyled","key":"56chh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2kpjf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Заголовок сайта","type":"unstyled","key":"3m8k5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"4m6ot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"9uvcj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"76ajk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"434al"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8n2lt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":47,"offset":0,"style":"BOLD"},{"length":5,"offset":48,"style":"BOLD"}],"text":"Рассмотрим теги, которые могут быть внутри тега head.","type":"unstyled","key":"5iani"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":16,"style":"BOLD"}],"text":"3.1. Парный тег title необходим для определения заголовка документа - текста, который отображается в левом верхнем углу браузера и во вкладках.","type":"unstyled","key":"43q8o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":9,"style":"BOLD"}],"text":"3.2. Тег meta необходим для определения метатегов и кодировки.","type":"unstyled","key":"ci7gt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое мета-теги, для чего они нужны и как задаются мы обсудим в конце всего курса, а сейчас поговорим о кодировках.","type":"unstyled","key":"b0b7m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для того, чтобы браузер смог правильно отображать текст на странице, необходимо всегда указывать ее кодировку. Если этого не сделать, то браузер будет «угадывать» кодировку. И в случае неправильного «угадывания» вместо текста на странице будут отображаться иероглифы.","type":"unstyled","key":"c1kqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кодировка задается следующим образом: (что такое charset мы разберем чуть позже).","type":"unstyled","key":"7giod"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":47,"style":"BOLD"},{"length":6,"offset":54,"style":"BOLD"}],"text":"Самая распространённая современная кодировка - utf-8 (юникод). Во избежание проблем с отображением текстовой информации во всех своих проектах используйте только её.","type":"unstyled","key":"6difc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":10,"style":"BOLD"},{"length":5,"offset":16,"style":"BOLD"},{"length":6,"offset":23,"style":"BOLD"}],"text":"3.3. Теги link, style, script - необходимы для описания или подключения внешних документов (связанных файлов). Их предназначение и возможное содержимое мы будем изучать в последующих уроках.","type":"unstyled","key":"9mifg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"4. Тег body.","type":"unstyled","key":"67pu3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":39,"style":"BOLD"}],"text":"Наконец мы подошли к рассмотрению тега body и его содержимого.","type":"unstyled","key":"85vml"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Элемент body предназначен для размещения тегов и содержательной части веб-страницы, т.е. все, что должно отображаться на создаваемой Вами web-странице, необходимо размещать внутри парного тега body.","type":"unstyled","key":"8g2p1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":42,"style":"BOLD"}],"text":"Все теги, которые могут находиться в теге body и которые мы начнем изучать со следующего урока, можно разделить на несколько групп:","type":"unstyled","key":"dut6s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"блочные элементы;","type":"unordered-list-item","key":"300n7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"строчные элементы;","type":"unordered-list-item","key":"7acuf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"универсальные элементы;","type":"unordered-list-item","key":"7tj5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"списки;","type":"unordered-list-item","key":"71qfn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"таблицы;","type":"unordered-list-item","key":"2p0tv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"фреймы.","type":"unordered-list-item","key":"71uvr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При этом, у каждого тега, за некоторым исключением, есть свое назначение. Например, табличные теги предназначены для создания и оформления таблиц и не могут применяться для других целей.","type":"unstyled","key":"38ldv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"9JKLjsiYI5uc8IEnZX95"}],"entityMap":{}},"mentions":[]}