Как сделать чтобы страница открывалась в определенном месте
Добавил пользователь Владимир З. Обновлено: 05.10.2024
Пример HTML:
В большинстве браузеров текст ссылки отображается синим цветом с подчеркиванием. Когда вы наведете указатель мыши на гиперссылку, указатель превратится в кисть руки. Посещенные ссылки, как правило, становятся фиолетовыми.
Абсолютные и относительные ссылки
Браузеру необходимо сообщить, на какой документ осуществлять переход по ссылке. Атрибут href (гипертекстовая ссылка) содержит в себе адрес страницы (URL-адрес) и передавая его браузеру, сообщает, на какой документ осуществлять переход по ссылке. В большинстве случаев ссылки ведут на другие HTML-документы, однако ссылки могут вести и на другие объекты, например изображения, архивы, видео-файлы и т.п. Адрес ссылки может быть как абсолютным, так и относительным.
Абсолютный URL-адрес
Как правило, ссылки с префиксом www и без него ведут на одну и ту же страницу. Но могут также встречаться ситуации, когда ссылка без префикса www открывается, а эту же страницу с www браузер вообще не находит. Встречается и обратная ситуация. Причиной может быть намеренная или неправильная настройка веб-сервера.
В следующем примере показано создание абсолютной ссылки на сторонний вебресурс:
Пример HTML:
Относительный URL-адрес
Относительные ссылки могут быть использованы только для того, чтобы создать ссылку на страницу с этого же сайта, в то время как абсолютные ссылки, как правило, применяются для создания ссылки на другие сайты. Относительные URL-aдpeca представляют собой сокращенную версию абсолютных, при создании ссылок на другие страницы внутри одного и того же сайта нет необходимости указывать в URLaдpece доменное имя. Относительная ссылка описывает путь к указанному документу относительно местоположения веб-страницы, на которой находится ссылка. Возможны следующие варианты:
Создание ссылок в пределах одного каталога
Создание ссылки на документ, находящийся одним каталогом ниже
Создание ссылки на вышестоящий каталог
СОЗДАНИЕ ССЫЛКИ НА ФАЙЛ, РАСПОЛОЖЕННЫЙ ДВУМЯ УРОВНЯМИ ВЫШЕ
Ссылка на адрес электронной почты
В следующем примере показано создание ссылки на адрес электронной почты:
Пример HTML:
Для того, чтобы почтовая программа запустилась, в браузере должны быть выставлены соответствующие настройки. Отсюда следует, что не у всех пользователей почтовая ссылка сработает как нужно. Но, если вы в качестве текста ссылки введете сам адрес электронной почты, тогда им смогут воспользоваться даже те посетители, у кого функция mailto на компьютере не выполняется.
Правила написания URL
При создании ссылок важно придерживаться следующих правил во избежание распространенных ошибок:
Открытие ссылок в новом окне
Чтобы создать ссылку, открывающую страницу в новом окне браузера, вы можете воспользоваться атрибутом target открывающего тега элемента . Значение этого атрибута должно быть установлено _blank. Чаще всего ссылки данного вида ставятся, если они перебрасывают посетителя на сторонний сайт. В этом случае создатели сайтов надеются, что посетитель вернется на их сайт по завершении просмотра открывшейся страницы, так как в этом случае ваш сайт остается открытым в исходном окне посетителя и не дает ему забыть о вас. Одни пользователи любят средство отображения в отдельном окне, а у других новые окна могут вызывать скорее чувство раздражения, чем комфорта. Поэтому пользуйтесь этим приемом экономно, лишь к некоторым ссылкам и, при этом, будет не лишним заранее предупредить посетителя, что страница откроется в новом окне.
В следующем примере показано как создать ссылку, открывающую страницу в новом окне браузера:
Пример HTML:
Если установить значение _blank для всех ссылок на веб-странице, то каждая из этих ссылок будет открываться у посетителя в новом окне, в результате перед пользователем может оказаться великое множество открытых окон. Для избегания подобной ситуации можно присвоить целевому окну индивидуальное имя, которое можно будет указывать в ссылках вместо значения _blank. Следующая ссылка откроется в новом окне с именем _window:
Пример HTML:
Укажите в каждой ссылке, на своей веб-странице, значение _window вместо _blank и все документы, к которым будет осуществляться переход по ссылкам, будут открываться в том же самом втором окне, а ваш сайт остается открытым в исходном окне.
Атрибут target может принимать следующие значения:
| Значение | Описание |
|---|---|
| _blank | Открыть страницу в новом окне или вкладке. |
| _self | Открыть страницу в том же окне (это значение задается по умолчанию). |
| _parent | Используется при работе с фреймами и позволяет открыть страницу в родительском фрейме; если на текущей странице нет фреймов, то это значение работает как _self. |
| _top | Применяется при работе с фреймами и позволяет открыть страницу в полном окне браузера, заменяя собой все фреймы, которые были на странице; если на текущей странице нет фреймов, то это значение работает как _self. |
| framename | Открыть страницу в новом окне с именем framename. |
Всплывающая подсказка для ссылки
Еще одним полезным вспомогательным атрибутом для ссылок является title, он позволяет создать всплывающую подсказку для вашей ссылки. Такая подсказка дает пользователю дополнительную информацию о том, что его ждет под ссылкой. Подсказка отображается, когда курсор мыши задерживается на ссылке, после чего подсказка через некоторое время исчезает.
Пример HTML:
Создание ссылки на определенную позицию страницы
Внутренние ссылки особенно полезны при организации быстрого доступа к конкретному тек-стовому фрагменту, который находится в нижней части длинной страницы с прокруткой, или для возврата к началу страницы одним щелчком мыши. Вы можете создавать ссылки на разные разделы текущей веб-страницы или на определенное место на другой веб-странице. Место на веб-странице, куда вы отправляете своего посетителя, называется фрагментом. Создание ссылки, ведущей на определенную область страницы, состоит из двух этапов. Прежде чем создавать ссылку на определенный фрагмент страницы, нужно отметить этот участок страницы (создать закладку) с помощью атрибута id, который присваивает уникальное имя любому HTML-элементу на странице.
Шаг 1: Создание закладки на странице
Наша закладка будет выглядеть следующим образом:
Шаг 2: Создание ссылки на закладку
Данная ссылка ссылается на элемент
Создание ссылки на фрагмент другого документа
Можно также создать ссылку на определенный фрагмент на странице другого сайта, для чего необходимо указать в конце абсолютного URL-адреса идентификатор фрагмента с знаком решетки, как здесь:
Вы не можете устанавливать идентификаторы на чужих страницах сайтов, они могут быть созданы самим автором. Чтобы узнать, есть ли закладки на чужой странице и где они находятся можно, конечно, посмотреть исходный код и отыскать соответствующую разметку. В случае, когда обозначенные фрагменты во внешнем документе будут удалены, страница по ссылке все равно загрузится но, как и в случае с обычными ссылками, браузер отобразит страницу с самого начала.
Пример создания ссылки на закладку из другой веб-страницы:
Пример HTML:
Изображения-ссылки
Графические изображения могут использоваться не только в качестве иллюстраций, но и выполнять роль ссылок. Другими словами, новая страница будет открываться при щелчке кнопкой мыши на картинке. Для обеспечения работы изображения в качестве ссылки на другие веб-ресурсы достаточно поместить изображение внутрь элемента следующим образом:
Пример HTML:
При наведении указателя мыши на картинку в ссылке указатель превращается в кисть руки.
У меня есть очень большой документ, многостраничный, с которым мне надо часто работать. Когда я его открываю он каждый раз открывается на первой странице, и затем мне приходится довольно долго скроллить к тому месту, которое мне нужно. Возможно ли так сделать, чтобы он всегда открывался на той странице, где я находился перед его закрытием? Ну, примерно как в e-book ридерах автоматически создаются закладки.
Спасибо.
P.S.: У меня Word 2010.
Для Word 95—2003 работает (правда, лишь для возврата к точке последней правки, и то не всегда) сочетание клавиш Shift-F5.
Для того чтобы страница, на которую ведет ссылка, открывалась в новом окне, нужно будет сообщить браузеру имя окна, в котором нужно открыть страницу. Если вы не указываете браузеру использовать какое-то определенное окно, то он откроет страницу в текущем окне.
В таблице приведены все доступные значения для атрибута target.
| Значение | Описание |
|---|---|
| _blank | Открывает документ в новом окне. |
| _self | Открывает документ в том же окне, где была нажата ссылка (значение по умолчанию). |
| _parent | Открывает документ в родительском окне. |
| _top | Открывает документ на весь экран. |
| имя_фрейма | Открывает документ в указанном фрейме. |
Примечание: если ваш браузер поддерживает вкладки, то ссылки с target="_blank" будут открываться не в новом окне, а в новом вкладке. В этом случае, если вам требуется, чтобы ссылка открывала именно новое окно, надо воспользоваться языком программирования (например, JavaScript).
Google Chrome признан самым популярным браузером. Он отличается быстрой работой, безопасностью и огромным набором функций. Однако большая часть пользователей отмечает его неудобную работу с вкладками. В первую очередь это связано с тем, что при переходе по сайтам каждая страница открывается в действующей вкладке, тем самым закрывая открытый ресурс. Такая настройка по умолчанию браузера Гугл Хром сохраняется и при работе с адресной строкой, и при переходе по результатам запроса. Что делать, можно ли перенастроить открытие сайтов, чтобы каждый загружался в новой вкладке?
Можно ли открывать ссылки в Гугл Хром в новой вкладке
В Гугл Хроме при открытии сайтов, они загружаются в одной и той же вкладке, а если вы не находите нужную информацию на данном ресурсе, то приходится постоянно кликать на стрелку назад, чтобы вернуться к результатам поиска. Это очень неудобно, занимает много времени и довольно легко потерять важную страницу. Несмотря на то, что в других браузерах сайты открываются в новых окнах, то Гугл Хром не настроен на подобный функционал по умолчанию. Некоторые пользователи даже отказываются от обозревателя Google в пользу другого браузера. Однако эту проблему можно исключить путем несложной настройки, после чего, кликая по сайтам, вы будете в удобном режиме открывать их в новой вкладке.
Настройка
Переходим к главному. Как сделать так, что каждый новый сайт загружался в отдельной вкладке? Настроить данную опцию на постоянной основе в Гугл Хром можно двумя способами: на странице с поиском и на самом сайте.
В поисковике
Начнем с простого и понятного способа, который позволяет перенастроить работу браузера и открывать загружаемые страницы в новой вкладке. Что вам нужно сделать:
Найти подобный пункт в стандартных настройках самого Гугл Хрома вы не сможете, так как они там отсутствуют.
Настройка поиска на других сайтах
На других сайтах
Если предыдущий способ не сработал, тогда есть еще один вариант, где при запуске сайта открывается новая вкладка. Настройка производится уже после получения результатов поискового запроса и отображения сайтов. Как это выглядит на деле:
Отдельно хочется сказать о скрытом приеме использования горячих комбинаций, о которых знает не каждый пользователь. Чтобы после отображения результатов поиска каждый новый сайт открывался в отдельной вкладке, нужно на клавиатуре зажать кнопку Ctrl и кликнуть левой кнопкой мыши по нужному сайту. Он сразу же загрузится в новую вкладку. Данный метод всегда работает, даже если предыдущие изменения в настройках не помогли.
Как открывать вкладки в новом окне
Функционал браузера также позволяет открывать каждую отдельную вкладку в новом окне. Для реализации данного способа можно использовать одну из следующих инструкций:
Вы можете открывать неограниченное количество новых окон с сайтами и создать себе удобную работу в браузере Гугл Хром.
Читайте также: