Step 5 (S-44681)

From Stepik Wiki
Jump to: navigation, search

Step on Stepik: https://stepik.org/lesson/12527/step/5

Step 5 (S-44681) 1.png

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


Step 5 (S-44681) 2.png

[00:18 - 00:34] самого важного для нас формата это а что нет файлов а каким образом 1 fire может ссылаться на другой а 1 самый древний способ это гиперссылки


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


[00:49 - 01:06] документе когда вы смотрите его в браузере гиперссылки видны просто как слова которой выделены цветом возможно подчеркнуто при щелчке по гиперссылке вы перейдете на другой документ то есть браузер загрузят следующий документ


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


[01:24 - 01:39] а по другому пути а в данном случае это как то php а чуть подробней проволоки то сяким поговорим позже а 2 способ а что б


[01:39 - 01:55] с 1 документа перейти на другой чтоб документ это отправить форму а форма обозначается специальным тэгом for внутри формы могут располагаться


[01:55 - 02:10] элементы ввода куда пользователь может добавить какие то данные ввести информацию а это t the input текст и тому подобное могут располагаться различного рода кнопке например так


[02:10 - 02:25] нас используется а вот пример моей формы простейшей а в браузере она будет выглядеть как поле ввода кнопка найти а заметим что


[02:25 - 02:40] у только форм есть атрибут в атрибуте action указывается в документах на которой эта форма будет отправлен а при нажатии кнопок


[02:40 - 02:56] найти а вообще говоря при нажатии любого любой кнопки либо input submit произойдет отправка формы то есть браузер перейдет на новый в данном случае


[02:56 - 03:12] а и передаст а на этот раз при загрузке этого документа передаст параметр которой были введены for форма это тоже способ ссылке


[03:12 - 03:26] с 1 документа на другой с помощью формы можно перейти от 1 документа другому но при этом передав некоторые данные которые пользователь ввел в этой форме а с помощью гиперссылок и форм


[03:26 - 03:46] мы можем переходить от 1 документа к другу а помимо документов или а есть еще ссылки на ресурсы то есть на связанное вот допустим у нас есть документ а и вместе с ним


[03:46 - 04:01] нам необходимо в браузер загрузить дополнительно картинке изображение а файл со стилями файл для каждого из


[04:01 - 04:19] ресурсов использоваться свой способ загрузки например для того чтобы загрузить а файл со стилями асессор используется тег link причем не просто link a link у которого атрибут рфпл равняется style sheet


[04:19 - 04:36] а существуют разные разновидности link для загрузки а все с файлов то есть стили используется орел старше а по которого будет загружаться файл а указывается в атрибуте href


[04:36 - 04:54] данном случае это относительно уровня это означает что все файлы будет загружен с того же сайта с того же домена где находится и основной документ а для того чтобы загрузить java script связанной а


[04:54 - 05:12] документам используется тег script а а с которого загружается сам скрипт указывается в атрибуте сорца заметить что атрибут них реф атрибуты асер ц а


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


[05:30 - 05:47] с внешнего сайта для того чтобы загрузить картинку используется атрибут а значит тег атрибуты него srt вы требуете сорцев указывается


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


[06:05 - 06:20] а ты келинка скрипта не невидимый для пользователя то есть визуально не отображается он соответствует картинке отображаемый на веб странице соответственно мы будем видеть просто


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


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


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


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


[07:31 - 07:47] некоторого ресурса синтаксис такой вариант и а в круглых скобочках собственно у файла браузер поступает а совершенно логичным образом зная а угол а


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


[08:04 - 08:22] например если вы хотите использовать свои собственные шрифты которых нету в стандартном браузере вы можете разместить их на своем сайте загрузить с помощью смс вот таким образом помимо


[08:22 - 08:39] а ссылка на другой ресурс может находиться в java скрипте пожалуйста в том что ц несколько сложнее а в нем нет так скажем стандартного синтаксиса указания углов этой понятно потому что javascript в 1 очередь язык программирования


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


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


[09:10 - 09:28] а вы в java скрипте используйте некоторые браузеры например делаете аякс запрос здесь выполняется запрос с помощью вспомогательной библиотеке jquery тем не менее а данный код


[09:28 - 09:37] а заставляет браузер сделать новый запрос по указанным урлу таким образом javascript может также ссылается на некоторые другие документы