Śród liniowe semantyczne znaczniki HTML5


Oprócz nowych strukturalnych znacznikòw w HTML5 zastosowano sposób użycia kilku znaczników śród liniowych. Zyskały w specyfikacji HTML5 nowe miano, teraz są to elementy semantyczne na poziomie tekstu.

Element <b>

Kiedyś element <b> oznaczał tylko pogrubienie tekstu i do jego formatowania używało się znaczników HTML. Teraz element <b> wyznacza fragment tekstu, który ma przyciągnąć uwagę, takim fragmentem mogą być słowa kluczowe w dokumencie. Ponadto należy wiedzieć, że element kiedyś służył do pogrubienia tekstu, więc aby zmienić jego formatowanie, zmień jego styl w CSS.

Element <em>

W HTML5 element <em> zmienił swoje znaczenie, powinien być stosowany w celu podkreślenia znaczenia reprezentowanej treści. Dlatego jeśli nie chcesz, żeby dany tekst zyskał na znaczeniu, użyj elementu <b> lub<i>.

Element <i>

Element <i> charakteryzuje fragment tekstu odmiennym tonem, lub inną cechą odzwierciedlającą odmienną firmę w treści. Lepiej nie używaj go, tylko po to żeby napisać tekst kursywą, a po to, aby oznaczyć dziwną nazwę w tekście.
W HTML5 jest wiele innych elementów semantycznych na poziomie tekstowym. Kompletna lista znajduje się na http://www.w3c.org/TR/HTML5/text-level-semantics.html#text-level-semantics
Świat się nie zawali, jeśli czasem wybierzesz niewłaściwy element przy projektowaniu Strony internetowej . Zastosowanie elementu <em> tam gdzie bardziej odpowiedni byłby element <i>, nie jest zbrodnią przeciwko ludzkości.

Komentarze

Prześlij komentarz

Popularne posty z tego bloga

Zacznij tworzyć a nie psuć

Obraz
Programiści wywodzący się ze społeczeństwa Open Source, tworzą przede wszystkim systemy CMS, aby osoby, które nie znają technologii PHP i MySQL w łatwy sposób tworzyły serwisy internetowe oraz nimi zarządzali. Od ponad 10 lat milin osób wykorzystuje tego typu systemy do budowy stron i sklepów internetowych. Cieszy mnie to, że z roku na rok rośnie liczba użytkowników, u których rośnie świadomość bezpieczeństwa stron www . Najczęstszym powodem włamania jest lenistwo lub brak wiedzy ze strony projektanta, wydaje mi się czasami że rutyna robi swoje. Ze względu na to, że nie ma mechanizmów, które załatwią całą sprawę za ciebie, musisz wziąć się do roboty i zadbać przede wszystkim o to, aby uniknąć kilku typowych zagrożeń dla twojej strony internetowej , takich jak: SQL injection - Atak polega na wstrzyknięciu do aplikacji fragmentu zapytania SQL. Skutkuje to nieautoryzowanym dostępem w trybie odczytu lub zapisu do całej bazy danych. Cross-Site Scripting (XSS) - Atak polega na ws...
Czytaj więcej

Nasz kochany .htaccess

Obraz
Nie stój z boku, tylko podejmij próbę obrony plików WordPressa. Obejmij dodatkową ochroną pliki strategiczne dla bezpieczeństwa, bo tworzenie stron www to nie tylko budowa oparta na prawidłowej strukturze kodu. wp-config.php - zawiera konfigurację bazową w tym pełne informacje o bazie danych, .htaccess - zawiera dodatkowe reguły chroniące, które zaraz dodamy do niego. Wyedytuj plik .htaccess i za frazą RewriteEngine On na samej górze sugeruję dopisać poniższy kod: <Files .htaccess> order allow,deny deny from all </Files> <Files wp-config.php> order allow,deny deny from all </Files> Nieuprawniony dostęp do wyżej wymienionych plików mamy załatwiony, teraz pliki są zablokowane i wyświetli się strona błędu 403 nie uprawnionym ciekawskim. Nie zapomnij jeszcze zmienić uprawnienia dostępu dla plików z domyślnej wartości 644 na następujące : 600 (lub 400) - dla pliku wp-config.php 404 - dla pliku .htacces 600 - dla pliku php.ini Teraz pliki...
Czytaj więcej

6G Firewall

Obraz
Firewall pełni funkcję zapory, który zapewnia ochronę przed atakami że strony robotów sieciowych, script kiddies oraz hakerów. Dlatego stosowanie firewalli stało się koniecznością i nikogo nie trzeba dziś przekonywać do ich stosowania. Wartym polecenia oraz wypróbowania jest rozwiązanie Jeffa Startą (http://perishablepress.com/6g/) 6G Firewall. Założeniem realizowanym przez Jeffa jest stworzenie uniwersalnego kodu dla pliku .htaccess , pozwalające chronić stronę internetową przed podejrzanym ruchem . Projekt 6G Firewall jest w pełni darmowy na licencji Open Source i można wykorzystać go na serwerach Apache. Rozwiązanie 6G Firewall z powodzeniem można wykorzystywać w systemach CMS-owych takich jak WordPress czy Joomla. Należy a raczej zaleca się doklejenie poniższego kodu przed istniejącym w pliku .htaccess , który powinien być w głównym katalogu twojej strony internetowej. # 6G FIREWALL/BLACKLIST # @ https://perishablepress.com/6g/ # 6G:[QUERY STRINGS] <IfModule mod_rewr...
Czytaj więcej