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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
63 DaoDog 47279 Вчера, 12:05
автор: Omaxis
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрый и качественный обмен на сайте Baksman.org
Обмен Bitcoin, BTC-e, PM, Qiwi, Yandex money, Карты банк
52 Baksman 33590 18.4.2024, 5:02
автор: Baksman
Открытая тема (нет новых ответов) Боты могут делать пушподписки на моём сайте?
0 Megaspryt 486 17.4.2024, 23:29
автор: Megaspryt
Горячая тема (нет новых ответов) CryptoCloud — прием USDT, BTC, ETH, LTC на любом сайте
36 CryptoCLoud 10645 16.4.2024, 16:02
автор: CryptoCLoud
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКрауд ссылки с форумов, блогов, порталов. Жирные ссылки с Ua,Ru, Бурж площадок. Вечные ссылки в статьях на собственных сайтах
Быстро, качественно и ответственно!
138 vetalbon 66470 13.4.2024, 17:53
автор: vetalbon


 



RSS Текстовая версия Сейчас: 20.4.2024, 17:23
Дизайн