{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cijdi"},{"data":{"embedData":{"type":"youtube","postUrl":"https://www.youtube.com/embed/tWFdh9UyKCQ"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"e91jq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"c7c23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":62,"style":"BOLD"}],"text":"Для создания ссылок в html документах используется парный тег a.","type":"unstyled","key":"c0ovd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":24,"style":"BOLD"}],"text":"Причем, сам по себе тег a абсолютно бесполезен, так как нигде не указан адрес, куда переходить при клике по ссылке. Более того, в таком виде ссылка абсолютно никак браузером не выделяется.","type":"unstyled","key":"e3lkg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":101,"style":"BOLD"},{"length":1,"offset":152,"style":"BOLD"}],"text":"Для задания адреса, по которому нужно перейти при клике по ссылке, используется обязательный атрибут href. Кроме того, как только мы его указали в теге a, браузер автоматически задает нашей ссылке стили, определенные у него по умолчанию для ссылок: синий цвет и подчеркивание.","type":"unstyled","key":"54q7v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь немного поговорим об адресах.","type":"unstyled","key":"8mj0m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Адреса бывают трех типов: абсолютные, относительные и якоря.","type":"unstyled","key":"faqm2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Абсолютные адреса","type":"unstyled","key":"8sg8k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Абсолютные адреса содержат в себе протокол и имя сайта, т.е. домен","type":"unstyled","key":"auub"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e2o28"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как правило, абсолютные адреса используют при задании ссылок на сторонний сайт.","type":"unstyled","key":"1ctfo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Относительные адреса","type":"unstyled","key":"8as8h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В относительных адресах нет ни протокола, ни имени сервера.","type":"unstyled","key":"6np3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8ud7o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При задании относительных адресов браузер все равно преобразует их в абсолютные, добавив перед ссылкой адрес текущей страницы на данном домене.","type":"unstyled","key":"4ed2s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А поскольку браузер все равно преобразовывает относительные адреса в абсолютные, то все-таки лучше их задавать явно в абсолютных, но в сокращенном виде при помощи знака «/».","type":"unstyled","key":"725vk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"23nvk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этом случае к заданному пути впереди вместо слеша браузер подставляет протокол и сервер текущей страницы.","type":"unstyled","key":"cm9sf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сокращенные абсолютные адреса удобнее не только тем, что нужно писать меньше текста, но еще и тем, что при смене доменного имени сайта, например, при переезде, нет необходимости переписывать адреса. Вместо слеша браузер будет брать имя текущего домена. ","type":"unstyled","key":"5f6u9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Теперь разберем якоря.","type":"unstyled","key":"2asvn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ссылки с якорем обычно используются для создания навигации внутри страницы и, по большому счету, являются частным случаем относительной ссылки. Также якорь по своему смыслу можно представить в виде закладки для книги.","type":"unstyled","key":"7qb6g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для записи якоря используется символ «#».","type":"unstyled","key":"5iqc1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":26,"style":"BOLD"},{"length":4,"offset":80,"style":"BOLD"},{"length":2,"offset":101,"style":"BOLD"},{"length":4,"offset":111,"style":"BOLD"},{"length":2,"offset":214,"style":"BOLD"},{"length":4,"offset":224,"style":"BOLD"}],"text":"Например, ссылка с якорем #main произведет переход к элементу с идентификатором main (т.е. атрибутом id равным main) на текущей странице. Фактически, это будет моментальным скроллингом данной страницы к элементу с id равынм main.","type":"unstyled","key":"dq34q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Но якорь можно использовать и в абсолютных адресах.","type":"unstyled","key":"ct97g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2pbs6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":94,"style":"BOLD"}],"text":"В таком случае, после перехода на нужную страницу произойдёт прокрутка к элементу с указанным id.","type":"unstyled","key":"4diu9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":93,"style":"BOLD"},{"length":4,"offset":118,"style":"BOLD"}],"text":"Обратите внимание, что ранее, в предыдущих версиях html, для создания якорей вместо атрибута id использовался атрибут name. Это нужно помнить при редактировании страниц, написанных на более ранних версиях html.","type":"unstyled","key":"a4ggh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":0,"style":"BOLD"}],"text":"Теперь разберем другие полезные атрибуты ссылок.","type":"unstyled","key":"7b3vl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":167,"style":"BOLD"},{"length":6,"offset":187,"style":"BOLD"}],"text":"Если необходимо создать ссылку для перехода на сторонний ресурс, но при этом вы хотите, чтоб пользователь остался и на вашем сайте тоже, то в этом Вам поможет атрибут target со значением _blank. При его задании новая страница откроется не прямо в данном окне, а в новой вкладке. Это актуально при задании абсолютных ссылок на чужие сайты. Если же вы переводите посетителя вашего сайта на другую страницу в пределах вашего же ресурса, то этого делать не нужно, т.к. это сильно раздражает посетителей.","type":"unstyled","key":"85taa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Всплывающие подсказки","type":"unstyled","key":"9mf0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":35,"style":"BOLD"}],"text":"При помощи универсального атрибута title, который мы уже использовали в теге img для появления всплывающих подсказок к картинкам, к любой ссылке также можно добавить всплывающий текст с пояснением, куда ведет ссылка.","type":"unstyled","key":"165um"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Ссылка на изображение","type":"unstyled","key":"7fo1b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":158,"style":"BOLD"}],"text":"Ссылками можно делать не только какое-либо слово, предложение и абзац. Очень часто, например, в интернет-магазинах ссылками делают изображения, вкладывая тег img внутрь ссылки.","type":"unstyled","key":"d9gsk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d60mu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"9bpkm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"a41rd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Ссылка на файл","type":"unstyled","key":"dqoq9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":279,"style":"BOLD"},{"length":3,"offset":287,"style":"BOLD"}],"text":"Еще одним вариантом использования ссылок является задание пути к какому-либо файлу. В таком случае, если щёлкнуть по ссылке, ведущей на файл, то браузер либо предложит его скачать, либо откроет файл прямо в браузере, если умеет обрабатывать файлы подобного типа. Например, файлы pdf или doc.","type":"unstyled","key":"ekip2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"7niVctRVE0tJ5F70C4zE"}],"entityMap":{}},"mentions":[]}