Odsyłacze do etykiet bootstrap name stara metoda Opcje

[piotr485]

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

[kayman]

musisz pogadać z kompilatorem by głupot nie pisał , nawet na stronie bootstrapa ta stara metoda jest stosowana

[Comandeer]

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

[kayman]

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

[HTML] pobierz, plaintext 
<a href="#btn-groups-single">Basic example</a>
[HTML] pobierz, plaintext 

Ten post edytował kayman 9.07.2016, 22:52:48

[Comandeer]

@kayman no toś nie trafił, bo akurat jest tam użyty sposób, jaki ja opisałem

Kod

<h1 id="btn-groups" class="page-header">

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

[kayman]

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

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

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

[Comandeer]

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ć http://forum.pasja-informatyki.pl/34559/w3...ow=34559#q34559

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

[kayman]

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

[Comandeer]

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.

[kayman]

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

mnie się ten kierunek nie podoba

[Comandeer]

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

[kayman]

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

[Comandeer]

@kayman IMO szukasz problemu na siłę [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).

[piotr485]

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

[Comandeer]

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

[piotr485]

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ł ?