W tej lekcji poznasz znaczniki i zapoznasz się z konsolą deweloperską, która będzie naszym podstawowym narzędziem do budowania lokatorów dla elementów.
Znaczniki i konsola deweloperska: linki i materiały
Znaczniki
Znaczniki HTML, inaczej tagi, to to, co jest umieszczone w nawiasach trójkątnych (ostrych) w dokumencie. Np. poniższy fragment reprezentuje paragraf (znacznik <p>)
1 | <p>To jest jakiś paragraf</p> |
Jak widzisz mamy tutaj zarówno <p> jak i </p>. Znaczniki najczęściej występują właśnie w parach. Pierwszy z nich nazywany jest znacznikiem otwierającym a drugi zamykającym. Pomiędzy nimi może się znaleźć jakiś tekst.
Pomiędzy znacznikami mogą się znaleźć także inne znaczniki, np.:
1 2 3 4 | <div> <p>To jest jakiś paragraf</p> <h1>A to jest nagłówek</h1> </div> |
Nie wszystkie jednak występują parami, niektóre elementy potrzebują tylko jednego znacznika otwierającego, jak np. <img> czy <input>.
Atrybuty
Elementy mogą także zawierać jakieś atrybuty.
1 | <a href="https://pl.wiktionary.org/wiki/" class="extiw" title="wikt:">Wikisłownik</a> |
W powyższym przykładzie mamy znacznik a, który będzie reprezentować element, który jest linkiem. Atrybutami zaś są href, class oraz title. Href jest szczególnym atrybutem mówiącym o tym pod jaki adres dany link ma kierować. Wartości atrybutów znajdują się w cudzysłowach i poprzedzone są nazwą atrybutu i znakiem równości.
Mimo, iż atrybuty mogą być niestandardowe i całkowicie dowolne, to jednak możemy wyróżnić kilka najczęstszych. Są to class, id i name. Są na tyle powszechne w użyciu, że Selenium dostarcza metody, które pozwalają na proste pobranie informacji o elemencie właśnie na podstawie wartości któregoś z tych atrybutów.
HTML – materiały
Podrzucam jeszcze raz linka do podstaw HTMLa. Znajdziesz tam trochę więcej informacji o HTMLu i znacznikach.