Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Odsyłacze do etykiet bootstrap name stara metoda
piotr485
post 9.07.2016, 07:31:34
Post #1





Grupa: Zarejestrowani
Postów: 292
Pomógł: 0
Dołączył: 10.07.2009

Ostrzeżenie: (0%)
-----


Witam stosuję etykiety na swojej stronie:

<a name="etykieta1"></a>
.....
<a name="etykieta1"></a>

i linki do nich <a href="#etykieta1">etykieta 1</a>

jednak kompilator daje mi informację że to stara metoda do odwoływania się do etykiet, więc chciałem zapytać jaka jest nowa metoda?

używam biblioteki css bootstrap - proszę o pomoc
Go to the top of the page
+Quote Post
kayman
post 9.07.2016, 10:32:05
Post #2





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


musisz pogadać z kompilatorem by głupot nie pisał smile.gif, nawet na stronie bootstrapa ta stara metoda jest stosowana smile.gif
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 22:23:05
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Chyba walidator, nie kompilator…

A ta metoda jest przestarzała i używa się linkowania po [id] (podaje się w [href] #[id elementu, do którego chcemy przenieść usera]).

@kayman to pokaż gdzie to stosują na stronie BS-a wink.gif



--------------------
Go to the top of the page
+Quote Post
kayman
post 9.07.2016, 22:51:08
Post #4





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


pierwszy lepszy z lewego menu -> http://getbootstrap.com/components/#btn-groups

  1. <a href="#btn-groups-single">Basic example</a>


Ten post edytował kayman 9.07.2016, 22:52:48
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 22:54:50
Post #5





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


@kayman no toś nie trafił, bo akurat jest tam użyty sposób, jaki ja opisałem tongue.gif
Kod
<h1 id="btn-groups" class="page-header">

Każdy nagłówek ma [id] i na tej podstawie jest stworzone linkowanie w menu.


--------------------
Go to the top of the page
+Quote Post
kayman
post 9.07.2016, 22:57:58
Post #6





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


< a name="cos"></a>

take też musi mieć unikalną nazwę więc co za różnica tongue.gif

e/: ok -> http://www.w3schools.com/tags/att_a_name.asp jest przestarzały w html5

Ten post edytował kayman 9.07.2016, 23:07:16
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 23:07:09
Post #7





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Różnica jest taka, że:

a) działa tylko z linkiem…
b ) …przez co wprowadzamy niepotrzebnie dodatkowy, pusty element…
c) …i musimy go wprowadzać do każdej sekcji, jaką chcemy mieć linkowalną

A gdy korzystamy z [id], to można reużyć już istniejących znaczników sekcji/nagłówków/czegokolwiek.

Wypada też zauważyć, że standard HTML5 wgl nie wspomina o [name] w kontekście a, a sama specyfikacja HTML4 mówi o tym atrybucie, że dzieli przestrzeń nazw z [id]. Tym samym można śmiało powiedzieć, że a[name] przestało istnieć i działa tylko i wyłącznie dlatego, że w Sieci obowiązuje zasada bezwzględnego BC.

PS Nigdy nie zrozumiem tego usilnego upierania się przy rozwiązaniach starszych i po prostu gorszych – serio. To, że coś działa nie jest żadnym argumentem. Zwłaszcza jeśli istnieje coś, co jest mniej problematyczne, wymaga mniejszego nakładu pracy i dodatkowo działa po prostu lepiej.

PS a W3Schools to najgorszy możliwy zasób, na jaki można się było powołać wink.gif http://forum.pasja-informatyki.pl/34559/w3...ow=34559#q34559

Ten post edytował Comandeer 9.07.2016, 23:10:48


--------------------
Go to the top of the page
+Quote Post
kayman
post 9.07.2016, 23:21:59
Post #8





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


wiesz nie stosowałem name dawno bo nie było do czego
ale
zlikwidowanie naturalnej kotwicy <a name="a"></a> na rzecz id="a" trochę mnie dziwi
co z niemałym niesmakiem przyjąłem do wiadomości smile.gif
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 23:23:06
Post #9





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Cytat
zlikwidowanie naturalnej kotwicy <a name="a"></a> na rzecz id="a" trochę mnie dziwi

A mnie nie. Zastąpiono stary sposób nowszym, wygodniejszym i bardziej uniwersalnym. Jak dla mnie to postęp.


--------------------
Go to the top of the page
+Quote Post
kayman
post 9.07.2016, 23:32:05
Post #10





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


imo id dostał nowy "obowiązek" a w bardziej rozbudowanych aplikacjach a nawet na zwykłych stronach może doprowadzić do niechcianego linkowania

<button id="a">asd</button>

i mamy link strona.pl#a -> i seowiec ma zagwozdkę jak się pozbyć takiego burdelu a frondendowcowi to id potrzebne -> miło smile.gif

mnie się ten kierunek nie podoba smile.gif
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 23:39:17
Post #11





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Ok… to teraz mi powiedz czemu to miałoby być problemem dla SEO jeśli tych linków nikt by nie używał? W sensie: przecież nikt by nie linkował do przycisku i nigdzie tego typu linki nie byłyby publikowane. Ergo: problem nie istnieje.

Ten post edytował Comandeer 9.07.2016, 23:39:58


--------------------
Go to the top of the page
+Quote Post
kayman
post 9.07.2016, 23:48:54
Post #12





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


problem jest taki że #a wskazywało sekcję/jakąś część na stronie poniżej tej kotwicy a teraz cokolwiek czemu zostało nadane takie id, powyżej tego id treść nie dotyczy linku -> http://getbootstrap.com/components/#global...ard-html-bridge
Go to the top of the page
+Quote Post
Comandeer
post 9.07.2016, 23:53:11
Post #13





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


@kayman IMO szukasz problemu na siłę wink.gif [id] do linkowania używa się od dobrych 7 lat i… działa, po prostu działa. To że da się zalinkować do elementów nieprzeznaczonych do linkowania do skutek uboczny na tyle mały i nieszkodliwy, że nie ma po co się tym przejmować. Bo można to zepsuć tylko wówczas, gdy… użyje się tego niezgodnie z przeznaczeniem (czyli psuje się to dokładnie tak samo, jak wszystko inne).


--------------------
Go to the top of the page
+Quote Post
piotr485
post 26.07.2016, 21:13:57
Post #14





Grupa: Zarejestrowani
Postów: 292
Pomógł: 0
Dołączył: 10.07.2009

Ostrzeżenie: (0%)
-----


a jeszcze odnośnie tych etykiet, mam id dla zdjęcia który znajduje się w divie, kwestia jest taka że zdjęcie ma różną wysokość 700px; 900px; 300px; i często nie działa tak jak powinno jak zdjęcie nie zdąży się załadować to etykieta na złej wysokości wyskakuje, mam nawet id nad tym zdjęciem ale i tak jest lipa, ktoś rozwiązywał już podobny problem ?

Podsumowując to raz na ok. 6 razy etykieta źle działa (jest za wysoko)

Ten post edytował piotr485 26.07.2016, 21:16:26
Go to the top of the page
+Quote Post
Comandeer
post 26.07.2016, 21:42:32
Post #15





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Zdjęcia powinny mieć ustawione [width] i [height] i wówczas nie powinno być problemu.


--------------------
Go to the top of the page
+Quote Post
piotr485
post 27.07.2016, 15:52:01
Post #16





Grupa: Zarejestrowani
Postów: 292
Pomógł: 0
Dołączył: 10.07.2009

Ostrzeżenie: (0%)
-----


Zapomniałem dopisać, że zdjęcie jest responsywne i wysokość się zmienia w zależności od szerokości zdjęcia i jest lipa bo na komórce wychodzi wielka przerwa pod zdjęciem, ktoś ma jakiś pomysł ?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 21:49