Html ссылки

Способ 1. Как создать ссылку на файл на вашем компьютере с помощью мастера общего доступа (также работает с гиперссылками на папки или библиотеки)

Когда вы делитесь файлом, папкой или библиотекой с сетью, вы можете использовать мастер общего доступа . Этот мастер включен по умолчанию, поэтому у вас не должно возникнуть проблем с его запуском. Чтобы узнать больше об этом, прочитайте это руководство и следуйте ему, чтобы делиться файлами, папками или библиотеками: Как делиться папками, файлами и библиотеками с сетью в Windows.

На последнем этапе процесса, когда мастер совместного использования сообщает, что файл, папка или библиотека является общим, не закрывайте мастер.

Посмотрите внимательно под «Файл/папка/библиотека совместно» уведомления. Там Windows сообщает, что «Вы можете отправить кому-нибудь ссылки на эти общие элементы по электронной почте или скопировать и вставить ссылки в другое приложение».

При нажатии кнопки или нажмите адрес электронной почты ссылку, используемый по умолчанию клиент электронной почты будет открыт, и прямая ссылка автоматически вставляется в него.

Если вы нажмете ссылку «копировать», ссылка на общий ресурс будет скопирована в буфер обмена, и вы сможете вставить ее в другие программы.

Другие полезные атрибуты анкора

Существуют дополнительные атрибуты, которые можно использовать при работе с анкорами гиперссылок.

Укажите язык целевого анкора: hreflang

Этот необязательный атрибут сообщает браузеру язык документа, на который ведет ссылка. Например, если нужно сообщить браузеру, что целевой источник написан на испанском, мы будем использовать в качестве значения hreflang соответствующий код языка в формате ISO 639-1.

Чтобы сообщить браузеру, что <a href="http://example.com" hreflang="es">ссылка</a>
 ведет на ресурс на другом языке, можно использовать атрибут 
<code> hreflang </ code>.

Атрибут rel

Атрибут rel используется для описания отношений между анкором и целевым источником. Например:

Эта статья была написана <a href="https://plus.google.com/+AuthorName"
rel="author">Отличным автором</a>.

Существует несколько значений, которые принимает атрибут rel:

• rel=»nofollow»: используйте это значение, если ссылаетесь на ресурс, но не хотите передавать ему ссылочный вес своего сайта. Например, если ссылаетесь на спамовый сайт в качестве примера того, чего не нужно делать.
• rel=»alternate»: если сайт имеет больше одной версии, используйте это значение для идентификации связанного ресурса в качестве альтернативной версии текущей страницы.
• rel=»bookmark»: это значение используется для определения URL-адреса, который является постоянным и может использоваться для закладки.
• rel=»help»: идентифицирует связанный ресурс как файл справки для страницы с этим значением.
• rel=»license»: используйте этот атрибут для ссылки на лицензию авторских прав.
• rel=»next»: используйте это значение для ссылки на следующий документ из серии.
• rel=»prev»: используйте это значение для ссылки на предыдущий документ из серии.
• rel=»noreferrer»: если хотите разместить ссылку на внешний сайт, но не хотите, чтобы целевой источник знал, кто на него ссылается, используйте это значение.

Атрибут type

Необязательный атрибут type используется для идентификации типа интернет-носителя или MIME типа целевого документа. Например, при создании ссылки на сайт можно добавить атрибут type=»text/html», чтобы сообщить браузеру, что ссылка указывает на HTML-документ.

Сейчас этот атрибут не имеет большого значения. Но в будущем он будет сообщать пользователю сайта тип контента еще до нажатия на ссылку.

Значение type должно быть допустимым типом IANA. Некоторые из наиболее часто используемых значений: text/html, text/css, application/javascript и multipart/form-data.

Навигация

Одним из распространенных способов использования ссылок является создание меню навигации, с помощью которого определяется логическая иерархия структуры сайта.

Связанные элементы

Данная публикация является переводом статьи «Anchors & Links: How They Work In HTML» , подготовленная редакцией проекта.

Color & Background

Как сделать ссылку на Telegram

Открыть чат с пользователем. Работает только по никнейму (имени пользователя). Замените имя пользователя в шаблоне “jack_malbon” на свое:

Вариант 1:

https://telegram.me/jack_malbon

1

<a href="https://telegram.me/jack_malbon">Написать автору</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Написать автору

tg://resolve?domain=jack_malbon

1

<a href="tg://resolve?domain=jack_malbon">Написать автору</a>

Cкопировать ➚ Скопировать html код

CкопироватьCкопировать ➚ Скопировать только ссылку

Как работает: Написать автору

Таким же образом можно сделать ссылку на канал или группу.

Анкор для ссылки что это такое

Название “анкор” происходит от английского слова anchor, то есть «якорь». При этом анкоры выглядят как кликабельная фраза, которая может состоять как из нескольких ключевых слов, так и целого предложения, соответствующего тематике сайта. Благодаря этому пользователи еще до посещения ресурса получают возможность узнать, чему он посвящен. И правильно подобранные и размещенные анкоры могут оказывать значительное влияние на позицию сайта в выдаче поисковика. 

Виды анкоров для ссылок

Существуют разные виды ссылочных анкоров, и в зависимости от источника, в котором используются термины, могут называться по-разному. Так, выделяют:

1. Неразбавленные анкоры (или — с точным совпадением). Они представляют собой готовый поисковый запрос, без добавления в текст ссылки каких-либо уточняющих или дополняющих слов. Например, неразбавленный анкор может выглядеть так — «купить детские ботинки». 
2. Разбавленные анкоры (или — с частичным совпадением). Они содержат не только прямой поисковый запрос, но и какой-либо дополнительный текст. Для приведенного выше примера это могут быть такие варианты как «купить детские ботинки на мальчика» или «купить детские ботинки в Москве». 

Кроме того, иногда анкоры делят на высоко-, средне- и низкочастотные, то есть в соответствии с видами поисковых запросов. При этом высокочастотные анкоры обычно состоят буквально из пары слов, которые пользователи задают в качестве запросов поисковым системам. Обычно это неразбавленные анкоры, как в приведенном выше примере — купить детские ботинки. Среднечастотные анкоры включают уже больше слов и поэтому являются разбавленными — «купить детские ботинки на мальчика». 

Для оптимизации сайта рекомендуется использовать анкорные ссылки разных типов, не оказывая предпочтение только одному из них. Чтобы повысить эффективность, можно разбавлять анкоры эпитетами или подбирать к ключевым словам синонимы. 

Как составляют анкоры для ссылок

Следует придерживаться следующих правил: 

1. Предварительный расчет количества анкоров. Помимо их общего числа, нужно учитывать соотношение между двумя видами. Считается, что неразбавленных анкоров должно быть не более 30%, в то время как анкоров с частичным совпадением — до 75%. 
2. Читабельность. Хотя пользователи, делая запрос, не всегда соблюдают правила грамматики и орфографии, SEO-оптимизатор должен их придерживаться. Дело в том, что если ключевая фраза будет построена с ошибками, без соблюдения внутренней логики, поисковая система может принять ее за спам. 
3. Соответствие тематике сайта, на котором она размещается. Например, логично предположить, что ссылка с текстом «купить детские ботинки» будет размещаться на ресурсе, посвященном семье, воспитанию детей и другой подобной тематике, а не на сайте для автомобилистов. 
4. Уникальность. Если часто повторяются ключевые слова, то может произойти то, что оптимизаторы называют «склейкой анкоров». Поэтому желательно использовать хотя бы разные прилагательные. Например, «купить недорогие ботинки», «купить итальянские ботинки» и т. д.

Желательно, чтобы ключевые слова не повторялись, особенно в пределах одной ссылки. Иначе веб-сайт может попасть в «черный список». 

Написание и оформление анкоров — довольно сложная задача. Лучше всего — доверить ее профессиональным SEO оптимизаторам или копирайтерам. Тем более что сегодня существуют специальные биржи, на которых можно покупать как готовый контент, так и продукт, сделанный под заказ. 

Для написания качественного анкора исполнители анализируют статистику запросов в поисковых системах, отбирая самые популярные. На основе этого создаются как разбавленные анкоры, так и ссылки с точным совпадением ключевых слов. При этом не менее важную роль играет написание текста «вокруг» ссылки — то есть непосредственно перед ней и после нее. Нужно определить, что будет являться частью анкора, а что – уже околоссылочным текстом. В любом случае переход к ключевому слову должен быть плавным и логичным.

Как сделать ссылку на текст в Ворде?

Ссылка на текст в Ворде делается чуть сложнее. Суть в том, что вначале необходимо создать закладку для нужного фрагмента, а уже после создавать гиперссылку.

Как создать закладку в Ворде

1. Выделите фрагмент или установите курсор там, где требуется создать закладку.

Примечание: Советую делать для текста (т.е. выделять) и использовать осмысленные названия в последующих шагах, так как найти закладки не всегда просто (через меню «Найти и заменить»; в режиме отображения спецсимволов их не видно).

2. Перейдите во вкладку «Вставка» основного меню.

3. Выберите пункт «Закладка».

4. В открывшемся меню, наберите название закладки.

5. Нажмите кнопку ОК.

Примечание: Кстати, закладки удаляются именно из этого меню (напоминание про осмысленные названия).

Создаем ссылку на закладку в Ворде

1. Установите курсор в нужном месте.

2. Перейдите во вкладку «Вставка» основного меню.

3. Выберите пункт «Гиперссылка».

4. В открывшемся окне, убедитесь, что в левой части «Связать с» выбран пункт «местом в документе».

5. В поле «Текст» укажите нужное название.

6. В центральной части окна, раскройте «Закладки» и выберите нужную.

7. Нажмите кнопку ОК.

Примечание: Подсказки и редактирование выполняются аналогично веб-сайтам.

Так же советую изучить более подробно все настройки окна для вставки гиперссылок, так как там есть масса возможностей. К примеру, удобное перемещение по подразделам.

• Как объединить ячейки в Excel?
• Как добавить лист в Excel?

Вход в почтовый аккаунт.

Чтобы зайти на почту сайта, используем ссылку на хостинге в управлении почтовыми ящиками

Обратите внимание, что здесь же можно перейти к редактированию регистрационных параметров, а также в один клик очистить ящик от всех писем или удалить его

Если Вам в дальнейшем не захочется входить на почту через хостинг, скопируйте ссылку из строки браузера и используйте для входа ее. На Макхост она выглядит так http://webmail.domain/?e=login@domain.

А еще проще — войдите в почтовый аккаунт и добавьте страницу в закладки браузера. При входе необходимо будет каждый раз авторизовываться, но практически все популярные браузеры могут запоминать логины и пароли и вставляют их автоматически.

Так выглядит рабочий кабинет

Здесь все интуитивно понятно и мало чем отличается от интерфейса других почтовых аккаунтов.

Настройки.

Про пересылку копий входящих с сайта на Ваш основной емейл я уже говорил — просто укажите его при регистрации ящика. Затем можно завести отдельную папку для таких писем и создать правило для их сбора. Так, например, это делается в Яндекс.Почте

В результате копии всех сообщений будут складываться в отдельной папке Вашего главного почтового аккаунта, что весьма удобно.

Теперь глянем, какие настройки почты на сайте хостинга нам доступны — справа вверху жмем значок шестеренки и нам открывается список опций

В первой колонке:

• Добавление или удаление папок.
• То же самое с профилями лиц, управляющих аккаунтом.
• Настройки шаблонов для быстрого ответа.

Во второй колонке идут базовые настройки от выбора языка и часового пояса до отображения сообщений и времени их хранения. Я не вижу смысла описывать все пункты — все очень просто и понятно, разберется школьник.

Как можно оформить гиперссылку

Чтобы читателю было понятнее, куда ведет тот или иной линк, при его создании можно добавить подсказку.

В любое время вы можете изменить внешний вид гиперссылок:

• убрать или добавить подчеркивание;
• сделать шрифт полужирным и курсивом;
• изменить цвет гиперссылки, по которой еще ни разу не переходили;
• задать цвет фона и спецэффекты: тени, свечение, контуры.

Для этого выделите курсором фрагмент и воспользуйтесь стандартными средствами Word.

А вот поменять цвет линка, по которому уже совершался переход, так просто не получится. Но для этого все же есть небольшая хитрость.

Выделяем слово или словосочетание и видим всплывающую панель, нам нужна опция “Стили”. Выбираем самый обычный вариант, затем отменяем написание курсивом. Теперь ссылку будет сложно отличить от обычного слова, при этом она никуда не исчезнет.

Также можно использовать копирование стиля, для этого в редакторе есть специальный инструмент.

Дополнительные параметры в письме

Если вы где-то видели фишку, когда при открытии нового письма там автоматически вводится тема сообщения и даже его содержимое, то знайте – все это легко делается через следующие доп.параметры:

mailto:somemail@gmail.com?subject=Readit&body=Hello.

Вы даже можете использовать механизм добавление дополнительных получателей (в том числе и скрытых) — вставляйте специальные переменные CC (копия) и BCC (скрытая копия). Значения в данных опциях разделяются запятыми, а между ними ставится символ «&».

mailto:one@site.ru?cc=two@site2.com,three@site3.com&bcc=someperson@site4.ru

Абсолютные адреса

Это относится к случаю, когда URL-адрес содержит полный путь. Например:

Относительные адреса

В этом случае в URL-адресе указывается путь относительно текущего положения. Например, если мы хотим сослаться на URL-адрес https://www.quackit.com/html/tutorial/, а наше текущее местоположение — https://www.quackit.com/html/, нужно использовать следующую ссылку:

Адреса относительно корня сайта

Это относится к URL-адресу ссылки HTML, в котором определен путь относительно корня домена.

Например, если мы хотим ссылаться на URL-адрес https://www.quackit.com/html/tutorial/, а текущее местоположение — https://www.quackit.com/html/, нужно использовать следующую ссылку:

Прямой слэш означает корень домена. Независимо от того, где находится ваш файл, всегда можно использовать этот метод для определения пути, даже если вы не знаете, каким будет имя домена (при условии, что вы знаете полный путь от корня).

Цели ссылки

Также можно определить, где будет открыт URL-адрес: в новом окне или в текущем. Это можно сделать с помощью атрибута target. Например, target = «_ blank» открывает URL в новом окне.

Атрибут target может принимать следующие значения:

Пример:

Посмотреть пример

Ссылки перехода

Можно сделать ссылки, которые будут направлять в другие разделы в переделах одной страницы (или другой).

Вот как сделать ссылку в HTML на эту же страницу:

1. Добавьте идентификатор к цели ссылки

Добавьте идентификатор к той части страницы, на которую хотите привести пользователя. Для этого используйте атрибут id. Значение должно быть коротким текстом. id является часто используемым атрибутом в HTML.

1. Создайте гиперссылку

Теперь создайте гиперссылку. Это делается с помощью идентификатора цели ссылки, которому предшествует символ хэша (#):

Приведенные выше фрагменты кода размещены в разных частях документа. Получается примерно следующее:

Посмотреть пример

Это необязательно должна быть одна и та же страница. Можно использовать этот метод, чтобы перейти к идентификатору любой страницы. Для этого перед тем, как вставить ссылку в HTML, добавьте целевой URL-адрес перед символом «#». Например:

Конечно, предполагается, что на странице есть идентификатор с этим значением.

Ссылки на электронную почту

Также можно создать гиперссылку на адрес электронной почты. Для этого используйте атрибут mailto в теге ссылки:

Посмотреть пример

Нажатие на эту ссылку приведет к открытию вашего почтового клиента по умолчанию с уже заполненным адресом электронной почты получателя.

Можно автоматически заполнить строку темы для своих пользователей, и даже тело письма. Это делается путем добавления параметров subject и body к адресу электронной почты.

Посмотреть пример

MAILTO в Html — что и как можно реализовать

Итак, прелесть MAILTO в том, что это мулька позволяет пользователю (например, посетителю вашего сайта) быстро отправить сообщение (письмо — читайте что такое электронная почта). При этом ему не потребуется ни почтовый клиент открывать, ни Емайл адрес с сайта копировать — при клике по такой ссылке все произойдет на автомате. Попробуйте сами кликнуть по этой тестовой ссылке: Отправить письмо админу KtoNaNovenkogo.ru

Можно будет и тему сообщения в эту ссылку зашить, и даже его содержание (текст). Последнее может быть удобно, например, при отправке сообщений об обнаружении какой-то определенной ошибки на сайте или при заказе какого-нибудь бесплатного курса, где текст может быть стандартным, а пользователю только по кнопке «Оправить» останется жмакнуть для отправки вам сообщения.

Например, при клике по приведенной чуть выше ссылке ваш почтовый клиент сам заполнит аж целых три поля:

Код такой ссылки с MAILTO, правда, будет выглядеть несколько монструозно, но во-первых, пользователь его все равно не увидит, а во-вторых, чуть ниже я на пальцах покажу насколько тут все просто устроено (правда, правда):

<a href="mailto:admin@ktonanovenkogo.ru%2C%20qwertydmitriy@gmail.com?subject=От%20уважаемого%20читателя&amp;body=Здравствуйте!%0D%0A%0D%0AВыражаю%20Вам%20свое%20фи!!!%0D%0AВы%20сильно%20пали%20в%20моих%20глазах!!!!">Отправить письмо админу KtoNaNovenkogo.ru</a>

Конечно же, на сайте для этой же цели может быть уместно установить форму обратной связи, но и MAILTO имеет право на жизнь, а по части автоматической подстановки текста этот вариант может дать фору многим формам. К тому же, такую ссылку можно будет отправить в Html письме или разместить на форуме, где это позволяется. В общем, штука полезная и вполне может пригодиться. Хотя бы будете знать где искать, если добавите этот пост в закладки.

1.2 Используем виджет «Текст»

Шаг 1. Добавим виджет «Текст» на секцию

Далее, внутри виджета укажем наш номер телефона, который будут видеть посетители (можно указать в любом формате).

Шаг 2.  Выделим наш текст в режиме редактирования и установим на него ссылку в поле«URL» в виде:

После tel:+ необходимо указать ваш номер телефона без пробелов и дефисов, строго в том формате, который указан на примере выше. И нажмем «Вставить» ссылку на выделенный текст.

Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Публикуем страницу и всё готово! Чтобы протестировать кликабельность телефона, зайдите в предпросмотр или на опубликованную версию страницы.

После добавления ссылки в виджет «Текст», изменится цвет и появится нижнее подчеркивание. Отключить подчеркивание и изменить цвет ссылки можно по инструкции, в разделах ниже. А именно:3. 4.

Важно: телефон будет кликабельным на всех устройствах. Если зайти на страницу, например, с ноутбука, и нажать на номер телефона — браузер предложит сделать вызов с одной из возможных программ, которые установлены на ноутбуке посетителя

Если ни одной подходящей программы нет — появится ошибка.Если вы хотите сделать номер телефона кликабельным только для мобильных, а для остальных устройств нет — это можно настроить по нашей инструкции:«»

КАРТА ИЗОБРАЖЕНИЯ

Часто возникает вопрос как сделать картинкусразу двумя и более разными ссылками.

Простую ссылку на изображение можно сделать так.
Обернув изображение <img>в
тег< а>Например:

<a href=”url”><imgborder=”0”></a>

border=”0” – Добавляем для того чтобы картинка никогда не
выделялась как ссылка.
Можно сделать так, чтобы на одной картинке было две ссылки и более. Я попробую показать
это на примере картинки с двумя телефонами .

Итак нам нужно сделать, чтобы
нажимая на левый телефон мы попадали на одну страничку, а на правый, совсем на
другую. Для этого мы используем технику, которая называется imagemap. По сути мы как бы
накладываем поверх изображения определенную карту и можем задать каждой ссылке
определенные координаты.
Все это реализуется с помощью отдельного тега <map> — Это и есть карта. Мы
можем его писать в любом месте страницы, но пишут как правило под изображением
сразу, чтобы не путаться. Тег парный и
его нужно закрывать. Тегу мы обязательно должы присвоить идентификатор. У меня
это id=”forFone” . Обязательно добавляем
имя name=”forFone” Далее пишем тег область . Это тег будет
определять куда мы перейдем и с каких координат. Так же на него будет реагировать
мышь, превращая курсор в указатель ссылки. Вначале указываем атрибут href– то есть куда будет
вести ссылка. Второй атрибут это форма области нашей ссылки ( shape) она может быть прямоугольной, круглой и виде многоугольника.
Для нашей картинки подойдет прямоугольник –
rect. и Последний атрибут
это координкаты – cords. Их должно быть четыре.
Для того, чтобы понять я подготовил вот такую картинку. Координаты записываются
через запятую в такой последовательности (Х1,У1,Х2,У2)
Для того, чтобы связать нашу карту с картинкой используется атрибут usemap , который прописывают в
самом теге картинки и сказать каую карту использовать. Для этого мы и создавали
идентификатор id=”forFone”usemap=”#forFone”
Таким образом, мы с вами добавили одно поле, точно так же можно добавить и
другое, вручную. Но эти координаты будут неточными. Для задания более точной
карты координат, существует множество платных и бесплатных сервисов. Вотодинизних. Этот мне нравится больше
всегоOnlineImageMapEditor. Здесь вообще все просто.

1. Выбираете картинку 2.загружаете картинку 3 нажимаете! 

 В открывшемся окне 1 — выбираем форму выделяемой области. 2 — вставляем в это окно ссылку куда будет вести эта область. 3- в каком окне будет открываться ссылка (в новом или том же) 4 — прописываем альтернативный текст.Выделяете области и прямо тут же добавляете ссылку на выделенную область.
Прописываете тег alt и получаете готовый код.

Остается только
удалить в нем закрывающие теги и ссылку на сервис. Хотя ее можете и оставить, она за комментирована. Ссылка будет со своим идентификатором, который нужно будет
прописать в картинке там где мы с вами писали usemap=”#сюда идентификатор”Пример:
<img
border=»0″ src=»https://3.bp.blogspot.com/-GhCm8GACVM0/V0dTszP3CuI/AAAAAAAAIz0/8RkZMosQIAoF8QjIhWP1HoT3QSuCY5KKgCLcB/s1600/2_links_in_image.jpg»usemap=»#imgmap2016526224740″
/>

Вот и все. Сохраняем и наслаждаемся.
Кстати, таким образом можно много чего сделать в блоге. Например, даже
собственное меню в виде единой картинки с разными там полями.Вот пример моего фото и полученной ссылки. красным отметил то что нужно удалить, синим, что изменить , точнее прописать у изображения. usemap=»#imgmap2016526224740″

У меня здесь левый тел — ссылка на Google, а правый на Яндекс!<map id=»imgmap2016526224740″ name=»imgmap2016526224740″><area shape=»rect» alt=»пример 2 ссылки в изображении» title=»» coords=»12,20,192,365″ href=»https://www.google.ru/» target=»» >(/-Удалить!)<area shape=»rect» alt=»2 ссыллки в одном изображении» title=»» coords=»245,25,391,363″ href=»https://www.yandex.ru/» target=»» >(/-Удалить!)<!— Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) —></map> Для того, чтобы лучше разобраться с этими кодами, я рекомендую вам прочитать мой пост о ссылках, видах ссылок и изображениях -ссылках.Удачи вам,
друзья.

Мой путь к файлу не работает! Почему?

В некоторых случаях создаваемые вами ссылки на файлы могут не работать. Есть несколько возможных причин. Вот что вы можете попробовать:

Независимо от того, хотите ли вы создать ссылку на файл, папку или библиотеку, в некоторых приложениях вам может потребоваться ввести «file:///» перед сетевым путем, например так:

В других случаях, в зависимости от приложений, в которые вы хотите поместить ссылки на файлы, вам также может понадобиться вручную заменить все пустые места в путях ссылок следующим текстом: %20. Вот пример:

Существует также вероятность того, что в некоторых старых версиях Windows или в других операционных системах обратные слеши сетевых путей не распознаются. В этом случае вы можете попробовать заменить все обратные косые черты (\) на прямые косые черты (/).

Наконец, обратите внимание, что, что бы вы ни делали, в некоторых приложениях ссылки на файлы просто не работают как обычные ссылки. Так обстоит дело с большинством веб-браузеров и чатов, которые рассматривают эти локальные ссылки как угрозы безопасности

Однако, несмотря на это, пользователь, который получает вашу ссылку на файл, может по-прежнему использовать ссылку для доступа к этому файлу, папке или библиотеке. Все, что ему нужно сделать, это скопировать и вставить ссылку в адресной строке (его или ее) Проводника и нажать Enter.

Не скачивается файл

Иногда при работе с Диском перестают работать кнопки, не загружаются элементы страницы, не открываются фото, не скачиваются файлы или браузер сообщает об ошибке.

Почему это происходит и как это исправить:

Скачивание публичного файла ограничено

Чтобы уменьшить расход трафика, браузер сохраняет копии посещенных страниц в кэше. Когда вы повторно просматриваете страницы, браузер может загружать их данные из памяти. Например, если вы измените имя файла через программу для компьютера, а браузер загрузит из памяти информацию об этом файле, вы увидите неактуальное имя файла.

Попробуйте обновить страницу, чтобы принудительно загрузить ее из интернета. Если проблема не решится, очистите кэш браузера и удалите все файлы cookie.

Расширения блокируют Яндекс.Диск

Диск может работать некорректно из-за дополнений и расширений в браузере. Чтобы проверить это, временно отключите их. Если Диск работает неправильно из-за блокировщика рекламы или расширения-антивируса, добавьте страницу Диска в исключения этого расширения. Подробнее см. в разделах Настроить блокировщики рекламы, Настроить исключения для сайтов.

Включена блокировка данных в браузере

Выключите блокировку данных по инструкции для вашего браузера:

Источник