Тег a
Тег a создает ссылку на другую страницу своего или чужого сайта. Адрес ссылки следует писать в атрибуте href . Ссылки по умолчанию подчеркнуты. Отменить подчеркивание можно с помощью CSS свойства text-decoration .
Атрибуты
| Атрибут | Описание |
|---|---|
| href | Адрес страницы, на которую ссылается ссылка. Обязательный атрибут. |
| target | Указывает ссылке в какой вкладке ей открываться: в новой, в текущей или во фрейме. Необязательный атрибут. |
Значения атрибута target
| Значение | Описание |
|---|---|
| _blank | Страница откроется в новой вкладке браузера. |
| _self | Страница откроется в текущей вкладке браузера. |
| _parent | Страница откроется во фрейме-родителе. |
| _top | Отменяет все фреймы и загружает страницу в полном окне браузера. |
Значение по умолчанию: _self.
Пример
Давайте поставим ссылку на главную страницу сайта google.com , при этом она откроется в новой вкладке браузера, так как мы зададим ей атрибут target в значении _blank:
Смотрите также
- псевдоклассы link , visited , hover , active , focus ,
которые позволяют обратиться к различным состояниям ссылок
Как вставить сайт на сайт?
Долго думал, как назвать статью, лучше не придумал. Но сейчас вы сразу поймете в чем суть. У вас есть сайт, вы пишите на нем статьи и это здорово. Но чего-то не хватает? Человек пришел, почитал, и ушел, возможно, навсегда. А вам так хочется, чтобы он не раз вернулся на ваш сайт. А куда люди возвращаются чаще всего? Правильно, на сервисы!
Но сделать на своем сайте даже небольшой сервис, типа фотохостинга или сокращателя ссылок могут не все, нужен некоторый опыт. Но что мешает нам показывать чужой сервис на своем сайте? Практически ничего! Как это сделать? Вот тут и уместно название статьи: как вставить сайт на сайт?
Для профи я не сделаю открытия, в для новичков это будет, скорее всего, полезно. Хотя, если честно, я ни разу не видел такого подхода ни на одном блоге. А зря, все эти фишки часто дают хороший результат. Хороший пример — это мой способ получения обратных ссылок, описанный в этой статье. Результат — 38512 ссылок, и все естественные 😉
В этом же случае все решается банальным iframe. Сразу перейду к практике: я порой пользуюсь сервисом сжатия png картинок. Есть замечательные онлайн сервисы, ими можно пользоваться без проблем. Но тут есть минус: нужно постоянно держать в уме или в закладках все эти сервисы, вы покидаете свой сайт и пользуетесь чужим. А так, если вставить сайт в сайте iframe, то вы будете пользоваться сервисом (да и не только вы) не покидая своего сайта!
Я уже сегодня сделал на отдельной странице себе такой псевдосервис — Сжать фото онлайн без потери качества (естественно, в заглавии хороший НЧ запрос, и в поясняющем тексте тоже)
Сразу даже и не понятно, что это чужеродный сайт поселился на моем сайте. Работает все так же, как если бы вы зашли на родной сервис. И так можно вставить практически любой сайт в сайт, единственное условие — АДАПТИВНОСТЬ первого, иначе будет неудобно пользоваться. Хотя, допускаю, что это можно как то решить.
Ну и конечно рекламный блок между текстом и сервисом, может кто и кликнет, тем более под сервисы часто дают рекламу, тогда она будет полностью релевантна.
Как вставить сайт в сайт за 1 минуту?
Так как вставить сайт в сайт? Все просто, держите это маленький код:
Как вставить страницу другого сайта на свой сайт
Всем привет! Сегодня для одного из моих проектов мне понадобилось вставить страницу с другого сайта на свой. Как ни странно, решение этой проблемы оказалось максимально простым, о чём я и расскажу в этом посте.
Представьте такую ситуацию: вам нужно разместить страницу с другого сайта на вашем. Целей этому действию может быть множество. Возьмём, наверное, наиболее банальную из них: мы хотим вставить программу передач какого-либо ТВ-канала на страницу нашего сайта, чтобы у нас всегда была актуальная информация. Для примера возьмём телепрограмму одного известного спортивного канала.
Как это сделать? Очень просто. Без знаний программирования или какого-либо глубокого погружения в html или куда-то ещё мы размещаем у нас на сайте одну строку:
Разберём эту строку подробнее с атрибутами:
- при помощи iframe вставить другой сайт на свою страницу проще простого;
- src — сюда мы прописываем непосредственно адрес страницы, которую хотим вывести у себя на сайте;
- width и height — ширина и высота области, в которой будет отображаться чужой сайт;
- scrolling — отображение полосы прокрутки (если она нужна, то значение auto выведет её, если не нужна — вместо auto пропишите значение no ).
Результат работы этого кода представляю на скриншоте ниже: страница прекрасно вписалась к нам на сайт, а справа отображается блок контекстной рекламы в сайдбаре.
Также стоит отметить, что если вы захотите скрыть от поисковиков то, что вы вставили себе на сайт, стоит воспользоваться noindex . Только учитывайте, что использовать его нужно не в виде обычных тегов html, а вот так:
Вот и всё. Надеюсь, что пост оказался для вас полезным.
HTML iframe или страница внутри страницы
Этот элемент в отличае от тега остался в новой спецификации.
- HTML iframe – это отдельная интернет-страница, которая включается посредством тегов в другую HTML интернет-страницу.
- HTML iframe может быть внедрен в любое место страницы. Его местоположение более точно регулируется с помощью Каскадных таблиц стилей.
- HTML iframe может внедряться без полос прокрутки и не иметь рамки.
Пример HTML iframe‘а:
| |