Step 2 (S-44725)

From Stepik Wiki
Jump to: navigation, search

Step on Stepik: https://stepik.org/lesson/14820/step/2

Step 2 (S-44725) 1.png

[00:00 - 00:17] теперь давайте поговорим про что мою разметку что мы это основной тип документа в котором работает браузер поэтому мы должны уделить минимальная даже в нашем курсе а тим разметки


Step 2 (S-44725) 2.png

[00:17 - 00:32] итак что из себя представляет документ изначально был разработан как разметка именно текста то есть предполагалось что он будет использоваться для верстки а статей


[00:32 - 00:46] из себя представляет а смесь текста а стоит ли современные веб страниц в основном встает из тегов тексту на них практически нет а


[00:46 - 01:02] давайте посмотрим пример что мы здесь видим в начале есть некоторое строчка в день а так называемые доктайп а далее идут эти есть тайге верхнего уровня то есть контейнеры


[01:02 - 01:22] а внутри них есть вложенные теги и у тегов есть атрибуты атрибуты как мы видим состоят из названия атрибута и значение и то и другое является строкой а как


[01:22 - 01:37] название это было так значение а между точками может встречаться текст начинается с угловой скобочки заканчивается он а


[01:37 - 01:52] то есть смотрите теги бывает а открывающиеся и закрывающиеся вот например закрывающийся тег голая скобочка название т г а и закрывающаяся да этого тэга


[01:52 - 02:07] а есть попарно ему закрывающийся тег закрывающаяся так точно такой же только в начале у него есть слэш а помимо помимо этого теги могут быть это это пары


[02:07 - 02:23] и открывающиеся закрывающиеся одиночные теги вот например так метрах от моего видел он одиночные состоит только из открывающуюся тегов закрывающегося тэга нету закрывающего тэга нету


[02:23 - 02:39] некоторые теги они принципиально являются парными их нельзя сделать знаниями например т к скрипт он только парные какие есть особенности данной что мы в разметке


Step 2 (S-44725) 3.png

[02:39 - 02:55] особенно следующее а во 1 это производная регистр то есть вы можете писать а названия тегов верхнем регистре в нижнем регистре а браузеры вообще что мы разметка она очень расслабленны браузер старается


[02:55 - 03:14] а обработать как можно больше ошибок то есть даже а очень плохо составлен документ хоть как то будет отображен то есть браузер старается а все ошибки обработать как то дальше продолжить выражать гуми


[03:14 - 03:30] что является дозволительно может matter разный регистр тегов а значения атрибутов могут быть без скобок то здесь мы видим что просто написано слово оно без сколов но сейчас на этом слове не должно быть


[03:30 - 03:46] пробел иначе у вас будет уже 2 атрибута атрибуты могут состоять только из имени как например здесь есть имя атрибута есть значение нет а таки могут быть не парными то есть а


[03:46 - 04:03] вместо парного тп и закрывающаяся к нему и тогда можно написать просто открывающаяся так а причем нужно отметить что вот так п это параграф текста своему смыслу является именно


[04:03 - 04:23] а для некоторых тегов для некоторых парных тегов позволяет вписать видит только открывающихся он закрывает автоматически поставь браузер что можно делать не соблюдать порядок тегов например сначала открыть так б


[04:23 - 04:39] потом так и а закрыть их в обратном порядке то есть сначала закрытой б потом то и а ну то есть точнее закрыть в том же порядке в котором открывали мы получаем пересечение тегов


[04:39 - 04:54] то есть вот так б вот так это нарушение и архитектура но что это такое а разрешается делать и кроме того что мы легко переваривает свои стандартные этой


[04:54 - 05:12] например tech magic вы можете придумать такого тэга а вы что мы или нет но вы можете его использовать браузер и он поймет и все равно продолжит а работать никак особо а в противовес


[05:12 - 05:28] а мы к разметке которая очень расслабленны вообще к чему это привело а то есть изначально формат был довольно простой и были конкурирующие между собой браузера которые а старались


[05:28 - 05:47] добавить как можно больше чтобы получить преимущество на рынке в результате каждый браузер фактически имел свой язык разметки они чем то были похожи но а сильно отличались отличались по количеству тегов отличались по правилам а чего


[05:47 - 06:03] страничке в разных браузерах выглядели честно как 1 из попыток решить эту проблему это был формат xml а где была очень проста у нас есть формат что у нас есть формат xml


Step 2 (S-44725) 4.png

[06:03 - 06:19] формат xml очень строгий xml parser при 1 же ошибке он говорит что он документ невалиден и от дальше обрабатывай давайте совместим эти 2 формата то есть создадим а что мы или но который при этом является валидным xml документов


[06:19 - 06:37] так был придуман формат а он вода очень строгими правилами только нижний регистр тегов атрибуты всегда ключ значение всегда а


[06:37 - 06:55] со скобочками теги всегда парные то есть если у вас есть параграф текста вас должен быть открывающийся закрывающийся тег и вложены строго вложенность тегов строго то есть перехлеста так быть не должно


[06:55 - 07:12] 1 из требований было наличие док так вот этой самой надписи так то уж не обязательно в xml обязательно а надо сказать что идея что я не получила широкого распространения


Step 2 (S-44725) 5.png

Step 2 (S-44725) 6.png

[07:12 - 07:29] а потому что то не очень хотелось переделать существующий верстку только для того чтобы она совпадала а с со стандартами а что мы вместо этого получили вместо этого мы получили еще 1 а формат


[07:29 - 07:45] который похож на отличается а для того чтобы как то различать эти форматы была предложена деду а в чем смысл а


Step 2 (S-44725) 7.png

[07:45 - 08:02] это специальная запись которая идет в начале xml либо что мы документов она уточняет тип содержимого а дает браузеру информацию как правильно данный документ


[08:02 - 08:17] а формально доктор ссылка на специальный документ в формате дд а в этом документе написано какие теги могут встречаться в документе написано какие то люди могут встречаться в основном


[08:17 - 08:33] автомобиль документе как они могут быть друг в друга вложены какие атрибуты возможно и невозможно это такая схема свое своеобразно а наличие доктайпа в начале документа


[08:33 - 08:50] позволяет браузеру понять в каком же формате находится документ дело в том что в ходе своего развития браузеров а они не отказывались от старых а старых старых формат


[08:50 - 09:08] каждый современный браузер он поддерживает в сети а так скажем костыли и которые были в 1 версиях документ в то есть современный браузер они худо бедно совместимы со старыми документами а


[09:08 - 09:25] чтобы браузер понимал какой перед ним документ а старый новый нужно ли применять какие то а специальные хаки либо нужен документ по правилам используется в ростке вот этот доктор


[09:25 - 09:40] доктор у себя представляет строчку которую никто не запоминает ее все копируют в частности для xml 1 1 а так выглядит вот таким образом


[09:40 - 09:58] а для что модель а версия 4 а так выглядит вот так причем есть допустим инверсия 4 2 st и traditional а вот здесь написано traditional


Step 2 (S-44725) 8.png

[09:58 - 10:16] strict он более строгий transitional позволяет больше не однозначности в коде что по которой мы говорили на данный момент актуальная версия 0 5 то есть недавно был принят новый стандарт


[10:16 - 10:31] а в отличие от старых версий это развивающийся стандарт то есть он не фиксированную не как бы не отлит в бронзе а этот стандарт развивается и а


[10:31 - 10:48] постепенно дополняется и было принято решение что с текущего момента браузеры будут а следовать этому стандарту что не будет там в следующей версии 6 будет просто постоянно развивающаяся 5 и для что мы для все 5 сделали


[10:48 - 11:06] простой человеческий доктор который можно запомнить просто надпись доктайп если вы видите такое доктайп это значит что это документ который вы смотрите а соответствует правилам может мы 5 это скорее всего какая то новая страничка