X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Абсолютные и относительные ссылки на сайте
k0ttee
k0ttee
Topic Starter сообщение 8.12.2015, 0:49; Ответить: k0ttee
Сообщение #1


Давайте рассмотрим, что такое абсолютные и относительные ссылки. В сети и без меня навалом рассказов о разделении ссылок на эти два вида. Тем не менее важно об этом рассказать по подробнее. Пример абсолютной ссылки (absolute):

site.ru/page.html


А вот так выглядит относительная ссылка (relative):

/page.html


Однако относительную ссылку можно писать "без слеша или с ним", а значит они делятся на "относительные от корня" и "относительные от текущего адреса". Вот пример таких ссылок:

<a href='page.html'>без слеша</a>
<a href='/page.html'>со слешем</a>


В чем разница? Разница в путях до страницы:
- от текущего документа, со страницы site.ru/en/ ссылка приведет на site.ru/en/page.html
- от корня сайта, со страницы site.ru/en/ ссылка приведет на site.ru/page.html

Писать или не писать слэш? Это повлияет и на пути к фоновым картинкам в CSS.
background: url('/img.png');
background: url('img.png');

Если делать CSS для сайта с длинными путями, слэш или его отсутствие... поможет писать меньше кода и... спасет вас от выстрела в ногу на переименовании шаблона. :rjunimagu:

Фича:
Можно так же не писать протокол для абсолютной ссылки... это значит что запись
<a href="http://ruseo.net">протокол не обязателен</a>

можно сократить до двойного слеша
<a href="//ruseo.net">ну и не буду его писать</a>


Вот пример из рабочего проекта.
Прикрепленный файл  seob.png ( 23,55 килобайт ) Кол-во скачиваний: 1560


Краткая запись экономит место на экране, меньше надо стучать по клавиатуре, уменьшает длину и вес документов.

Слэш или не слэш? вот в чем вопрос... а ответ - научный тык, пока не войдет в привычку. :laugh:


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prohojy_rs
prohojy_rs
сообщение 8.12.2015, 1:26; Ответить: prohojy_rs
Сообщение #2


Азбука верстки. Понимание абсолютных и относительных путей должно усваиваться с молоком матери сразу же при изучении тега <a>. Как ни поразительно, но не хорошо, если ваша статья станет для кого-то полезной. Значит, кто-то уже дорос до определенных вопросов по верстке и шарится по форумам, а банального не знает. Котэ, запилил бы ты лучше статейку по PhoneGap. Я думаю, многим тут было бы интересно почитать про мобильные приложения на коленке. Актуальная тема.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 8.12.2015, 1:43; Ответить: k0ttee
Сообщение #3


при изучении тега <a>.

Я с ним знаком лет 10, но только недавно начал писать вместо http:// просто //
Смотрел в html-book, там малость устарела инфа, нету там примеров с кратким //


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
сообщение 8.12.2015, 16:20; Ответить: prolisk
Сообщение #4


(k0ttee)
Слэш или не слэш? вот в чем вопрос...

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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prohojy_rs
prohojy_rs
сообщение 8.12.2015, 16:29; Ответить: prohojy_rs
Сообщение #5


prolisk, для собственного удобства он важен. Котэ упоминал про повреждение конечностей после переименования корневых папок, и я с ним согласен.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 8.12.2015, 16:43; Ответить: k0ttee
Сообщение #6


про повреждение конечностей после переименования корневых папок, и я с ним согласен.

Да, гораздо удобнее в CSS писать так
#div{ background('omg.png'); }

чем так
#div{ background('content/themes/theme/omg.png'); }

Чем относительнее путь, тем меньше писать и проще менять пути.

Бывает что для подключения шрифта приходится писать полный путь на сервере.
Это... очень много писать и очень не поддается переноске в другое место.
[code="php"]<span class="syntaxdefault">$font</span><span class="syntaxkeyword">=(</span><span class="syntaxstring">'/var/www/k0ttee/data/public_html/website.ru/template/font-file.ttf'</span><span class="syntaxkeyword">);</span><span class="syntaxdefault"> </span>[/code]

Выстрел в ногу - образное выражение, когда программист изменил код и все рухнуло. :D


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 8.12.2015, 22:17; Ответить: airman
Сообщение #7


(k0ttee)
только недавно начал писать вместо http:// просто //

я тоже не знал что так можно использовать. Еще не упомянул что можно прописывать относительные пути к папкам так ../../file.html


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 8.12.2015, 23:50; Ответить: k0ttee
Сообщение #8


пути

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

Да, не хватает коронного &quot;тема не раскрыта&quot;. :D


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 20.10.2016, 1:59; Ответить: sc2r2bey
Сообщение #9


(k0ttee)
пути

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

Да, не хватает коронного &quot;тема не раскрыта&quot;. :D

а так? ./ :rolleyes:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вечные ссылки с 300+ СДЛов, тиц до 750, ЯКи, DMOZ, от 1$/ссылка
вечные ссылки
258 SeoUaSales 128362 Вчера, 23:39
автор: FantAlexis
Открытая тема (нет новых ответов) Куплю ссылки тематика steam игры eng
0 c4p1t4l15t 512 26.3.2024, 21:57
автор: c4p1t4l15t
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
18 Needmylink1 6538 25.3.2024, 20:51
автор: Needmylink1
Открытая тема (нет новых ответов) Нужны ссылки с adult сайтов
3 TABAK 8033 25.3.2024, 13:44
автор: Wilkinson
Открытая тема (нет новых ответов) Бурж (eng) Вечные ссылки аутрич (каталог 6000+), PBN (20000+). Crypto, Pharma, Gambling
+Создание своих сеток, ликбилдинг под ключ
3 karabaslinks 1287 20.3.2024, 17:28
автор: karabaslinks


 



RSS Текстовая версия Сейчас: 28.3.2024, 15:04
Дизайн