Użycie nagłówków H1, H2, H3 itd. w wersji 13 
Autor: Łukasz S.Witam.
Mam pytanie odnośnie szybkiego i poprawnego użycia nagłówków, tagów tytułowych H1, H2, H3 itd. W wersji 13 przy edycji nagłówka i stopki można w opcjach wybrać „wartość” tagu tytułowego, jednak użycie tej opcji generuje błędy (sprawdzane przez validator.w3.org). Pytanie mam, czy istnieje proste rozwiązanie na zasadzie np. zaznaczenia danego fragmentu tekstu i określenia jego „mocy” tagiem np. H3, H4 itp? Czy jednak pozostaje jedynie możliwość użycia kodu HTML. Jeśli tak, to mam sugestię do twórców usprawnienia tego problemu i wyeliminowanie istniejących błędów generowanych podczas używania tych tagów w nagłówku i stopce strony.
A do kolegów z forum, prośbę o sposoby w jaki sposób sobie radzą, aby poprawnie użyć wspomnianych tagów.
Pozdrawiam
Witaj Łukasz,
Jakie dokładnie błędy otrzymujesz w validator.w3.org?
Pozdrawiam
Autor
Witaj Promise
W przypadku użycia np. nagłówka H5 w nagłówku witryny, otrzymuję komunikat:
Error: Element div not allowed as child of element h5 in this context. (Suppressing further errors from this subtree.)
From line 396, column 1569; to line 396, column 1610
Title_11"><div id ="imFooter_imObjectTitle_11_text">witryn
Contexts in which element div may be used:Where flow content is expectedDla stopki:
Error: Element div not allowed as child of element h2 in this context. (Suppressing further errors from this subtree.)
From line 116, column 651; to line 116, column 692
Title_04"><div id ="imHeader_imObjectTitle_04_text">Zbijan
Contexts in which element div may be used:Where flow content is expected.Przy walidacji również wystepuje błąd kodu w przypadku użycia buttona "Pinterest" oraz LinkedIn, podobne problemy były poprzednio w przypadku buttonów FB, G+, Twitter ale już nie wystepują:
Error: Bad value https://pinterest.com/pin/create/button/?url=https://moja domena.pl&media=https://moja domena.pl&description=fotografia. for attribute href on element a: Illegal character in query: space is not allowed.
From line 351, column 437; to line 351, column 661
Obj_7_34"><a href="https://pinterest.com/pin/create/button/?url=https://moja domena.pl&media=https://sopel.s…iption=Fotografia " class="pin-it-button" count-layout="none"><img bor
Witaj Łukasz,
Dziękujemy, przekazaliśmy informację o błędzie dotyczącym nagłówka producentowi programu.
W sprawie obiektów Pinterest oraz LinkedIn, proszę się upewnić że podajesz prawidłowy adres - "moja domena.pl" nie jest prawidłowym adresem (spacja w adresie) i stąd własnie błąd walidacji.
Pozdrawiam
Autor
Witaj Promise.
Adres w obiektach podany był jako przykladowy. Uzupełniając pola danego obiektu w "oryginale", podawany jest prawidłowo, a kod nie przechodzi poprawnie walidacji. Błędy te są generowane dla obiektów "Pinterest" oraz "LinkedIn".
Mam rówież prośbę o przekazanie sugestii dotyczącej określenia nagłówków H1, H2 itd. Nawet w bardzo prostych edytorach, wystarczy zaznaczyć dany fragment tekstu i jednym kliknięciem określić jego znaczenie, "moc".
Pozdrawiam.
Witaj Łukasz,
Bardzo proszę podać konkretny przykład.
Mam rówież prośbę o przekazanie sugestii dotyczącej określenia nagłówków H1, H2 itd. Nawet w bardzo prostych edytorach, wystarczy zaznaczyć dany fragment tekstu i jednym kliknięciem określić jego znaczenie, "moc".
Proszę sprecyzować, w którym miejscu w programie taka opcja miałaby się pojawić? Czy miałoby to dotyczyć obiektu "Tekst"?
Pozdrawiam
Autor
Ad. 1 "Bardzo proszę podać konkretny przykład".
Dla Pinterest:
Error: Bad value https://pinterest.com/pin/create/button/?url=https://sopel.sopicki.pl&media=https://sopel.sopicki.pl/firma.jpg&description=Fotografia odśnieżania dachów i usuwania sopli. for attribute href on element a: Illegal character in query: space is not allowed.
From line 351, column 437; to line 351, column 661
Obj_7_34"><a href="https://pinterest.com/pin/create/button/?url=https://sopel.sopicki.pl&media=https://sopel.s…iption=Fotografia odśnieżania dachów i usuwania sopli." class="pin-it-button" count-layout="none"><img bor
Error: Attribute count-layout not allowed on element a at this point.
From line 351, column 437; to line 351, column 661
Obj_7_34"><a href="https://pinterest.com/pin/create/button/?url=https://sopel.sopicki.pl&media=https://sopel.s…iption=Fotografia odśnieżania dachów i usuwania sopli." class="pin-it-button" count-layout="none"><img bor
Attributes for element a:Global attributeshref - Address of the hyperlink target - Default browsing context for hyperlinknavigation and §4.10.21 Form submission download - Whether to download the resource instead of navigating to it, and its file name if so rel — Relationship of this document (or subsection/topic) to the destination resource rev — Reverse link relationship of the destination resource to this document (or subsection/topic) hreflang - Language of the linked resource type - Hint for the type of the referenced resourceWarning: The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead.
From line 351, column 662; to line 351, column 741
="none"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a></di
Podobnie jest dla użytego obiektu Linkedin.
Ad. 2 "Proszę sprecyzować, w którym miejscu w programie taka opcja miałaby się pojawić? Czy miałoby to dotyczyć obiektu "Tekst"?"
Wydaje mi się, że właśnie w obiekcie "tekst" najwygodniej było by umieścić taką funkcję, która po zaznaczeniu danego fragmentu, pozwalałaby na okreslenie jego "mocy".
Pozdrawiam.
Witaj Łukasz,
Proszę jeszcze podać konkretny przykład dla obiektu "LinkedIn", najlepiej dołączając zrzut ekranu z widoczną konfiguracją w programie.
Pozdrawiam
Autor
Witaj Promis.
Najlepiej chyba będzie, gdy utworzycie mały projekt w programie, umieszczjąc tylko te dwa elementy z obiektów social. Wygenerować stronę internetową i wówczas będziecie mieli pełny przegląd kodu, który nie przechodzi walidacji.
Pozdrawiam.
Witaj Łukasz,
Nie bez powodu prosimy o zamieszczenie konkretnego przykładu. W przypadku obiektu LinkedIn nie udało nam się wygenerować kodu, który powodowałby błąd. Proszę chociaż sprecyzować, z jakimi ustawieniami ten obiekt generuje nieprawidłowy kod.
Pozdrawiam
Autor
Witaj Promise.
Validator.w3.org w przypadku powtarzania się danego błędu nie informuje o każdej jego pozycji. Zatem, gdy usunie się problem generowany przez obiekt "Pinterest" można otrzymać powiadomienie, jak poniżej dotyczące "LinkedIn".
Test można przeprowadzić i uzyskać takowy wynik, również budując prostą witrynę, w której będzie tylko jeden obiekt użyty w trakcie budowy projektu - obiekt LinkedIn.
Komunikat o błędzie dla LinkedIn wyglada jak poniżej:
Error: The text content of element script was not in the required format: Expected space, tab, newline, or slash but found l instead.
From line 64, column 100; to line 64, column 108
ang: pl_PL</script> <scri
Ps. Czy zdołaliście przekazać sugestię dotyczącą możliwości szybkiej edycji tekstu z nadaniem mu wielkości nagłówka?
Pozdrawiam.
Witaj Łukasz,
Dziękujemy za informacje, przekazaliśmy zgłoszenia o błędach w obiektach "Pinterest" i "LinkedIn" producentowi programu. Twoja sugestia dotycząca nagłówków również została przekazana.
Pozdrawiam
Autor
Witaj Promise.
Dziekuję za informację.
Walczę obecnie z innym błędem dotyczącym kodu strony (elementy <tr> i <td>) generowane przez program. Jeśli sobie nie poradzę założę może oddzielny temat.
Pozdrawiam.