RaVns Blog | Webmastering, xHTML, CSS, PHP, MySQL, SEO/SEM, Windows i inne

Kategoria | Webmastering

sty/17

22

Angular URL bez hashtag

Angular without hashtag #

Na początku budowy aplikacji w AngularJS chcąc rozbudować ją o kolejne podstrony (inne kontrolery) zauważamy, że tworzone linki (URL) zawierają #.
Link taki rozpoczyna się np. /#/kategorie lecz nie jest to specjalnie ładny link, ponieważ chcielibyśmy uzyskać taki: /kategorie.
Co na to poradzić?
(więcej…)

VN:F [1.9.22_1171]
Rating: 6.0/6 (1 vote cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)
Podziel się wpisem na:
  • Facebook
  • Śledzik
  • Twitter
  • email
  • Google Bookmarks
  • Google Buzz
  • Flaker
  • MySpace
  • Blip
  • Wykop
  • Poleć
  • co-robie
  • Spis
  • Spinacz
  • Wahacz
  • LinkedIn
  • Mój biznes

Tagi: · · · · ·

Poniższa porada ma raczej charakter ciekawostkowy. A pytanie brzmi: jaką znasz najprostszą poprawną strukturę dokumentu HTML5?

Przechodząc do sedna najprostsza postać HTML5 może wyglądać tak:

<!DOCTYPE html>
<title>Prosty dokument</title>

Zobacz przykład: Prosty dokument HTML5

Patrząc na ten kod zapewne myślisz sobie, że to brednie lub że jest to bezużyteczne. Tak, więc kod jest jak najbardziej poprawnie walidowany przez walidator W3C.

Prosty dokument HTML5

Prosty dokument HTML5 wymaga podania tylko:

  • deklaracji typu dokumentu <DOCTYPE>
  • oraz znacznika tytułowego <title>

Wszelkie inne znaczniki są opcjonalne, a zarazem konieczne do tworzenia rozbudowanych stron.
Dlaczego w walidatorze pojawiły się ostrzeżenia (warnings)? przeczytaj …. (przyszła porada).

Tymczasem, klikając prawym przyciskiem w puste miejsce na tej prostej stronie i wybierając „Zbadaj element” (Google Chrome) w głównym oknie można zauważyć strukturę dokumentu. Jak widać, przeglądarki automatycznie dodają brakujące znaczniki. Zaglądając w źródło strony zobaczymy tylko ten sam kod co napisaliśmy.

Natomiast dokument XHTML, czy HTML 4 musiałby zawierać strukturę typu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Prosty dokument XHTML</title>
</head>
<body>

<p>Przykładowy akapit dokumentu XHTML</p>

</body>
</html>

Prosty dokument XHTML – tu na przykładzie XHTML, który jest także używany.

Ciekawostki:

  • Przykładowo Standard HTML5 wcale nie wymaga stosowania zamykającego znacznika </p>, gdyż przeglądarki automatycznie domykają niezamknięte znaczniki (w HTML5 jest to oficjalny mechanizm).

    Jak można się domyślić takie działanie nie jest zalecane, ponieważ wprowadza pewnien chaos na stronie i może przyczyniać się do pojawiania się błędów. Postawienie np. znacznika div po niezamknięty p wywoła błąd podczas walidacji;
  • HTML5 pozwala też na brak użycia znacznika <title>, pod warunkiem, że zawarte w nim informacje dostarczone są w inny sposób.

    Np. Wysyłanie dokumentu HTML w wiadomości e-mail, gdzie tytuł można zawrzeć w polu do tego przenaczonym, a w zawartości dokumentu resztę znaczników w tym doctype i treść.

Zobacz przykład: Prosty dokument HTML5 ze znacznikiem akapitu

Jak można zauważyć wszelkie inne znaczniki są nieobowiązkowe. Jednak dla usystematyzowania szkieletu dokumentu HTML5 stosuje się tradycyjne komponenty:
(zbiornik dla całego dokumentu HTML)
(zawiera zbiory informacji: , style CSS, skrypty itp.)
(zawiera treść strony: tekst, obrazki wraz ze wszystkimi innnymi znacznikami i różne dołączane elementy webowe)

  • <html> (zbiornik dla całego dokumentu HTML)
  • <head> (zawiera zbiory informacji: , style CSS, skrypty itp.)
  • <body> (zawiera treść strony: tekst, obrazki wraz ze wszystkimi innnymi znacznikami i różne dołączane elementy webowe)
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Podstawowa struktura strony</title>
</head>
<body>

<p>Przykładowy akapit</p>

</body>
</html>

Zobacz przykład: Prosty dokument HTML5 – tradycyjna struktura

W taki oto sposób przeanalizowaliśmy podstawową strukturę dokumentu HTML5.

VN:F [1.9.22_1171]
Rating: 3.5/6 (2 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 2 votes)
Podziel się wpisem na:
  • Facebook
  • Śledzik
  • Twitter
  • email
  • Google Bookmarks
  • Google Buzz
  • Flaker
  • MySpace
  • Blip
  • Wykop
  • Poleć
  • co-robie
  • Spis
  • Spinacz
  • Wahacz
  • LinkedIn
  • Mój biznes

Tagi: · · ·

Czy zdarzyło się nam zobaczyć niespodziewanie taki komunikat:

Forbidden
You don’t have permission to access /wp-admin/post.php on this server.

Lub brzmiący tak samo, ale odnoszący się do innych plików:

Forbidden
You don’t have permission to access

/wp-admin/options-permalink.php
/cms/wp-admin/page.php
/wp-admin/admin-ajax.php
/phpmyadmin
/administrator
moj-skrypt.php

on this server.

(więcej…)

VN:F [1.9.22_1171]
Rating: 4.3/6 (3 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 5 votes)
Podziel się wpisem na:
  • Facebook
  • Śledzik
  • Twitter
  • email
  • Google Bookmarks
  • Google Buzz
  • Flaker
  • MySpace
  • Blip
  • Wykop
  • Poleć
  • co-robie
  • Spis
  • Spinacz
  • Wahacz
  • LinkedIn
  • Mój biznes

Tagi: · · · · · · · · · · · · · · · · · · ·

wrz/11

22

Instalacja Certyfikatu SSL dla domeny

Wykonamy tym razem Instalację Certyfikatu SSL (Secure Socket Layer) dla domeny na swoim hostingu.
Instalacja certyfikatu zapewni odwiedzającym naszą witrynę gwarancję poufności i bezpieczeństwo transmisji zaszyfrowanym strumieniem danych. Podczas przesyłu, dane zaszyfrowane jak np. login i hasło nie będą widoczne i nie mogą być podejrzane w sposób jawny.
Tym samym strona dla klientów stanie się bardziej wiarygodna, a wykonywane na niej czynności będą odbywały się w bezpieczny sposób.

(więcej…)

VN:F [1.9.22_1171]
Rating: 5.3/6 (7 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 3 votes)
Podziel się wpisem na:
  • Facebook
  • Śledzik
  • Twitter
  • email
  • Google Bookmarks
  • Google Buzz
  • Flaker
  • MySpace
  • Blip
  • Wykop
  • Poleć
  • co-robie
  • Spis
  • Spinacz
  • Wahacz
  • LinkedIn
  • Mój biznes

Tagi: · · · · · · · · · · · · · · · · · · · · · · · · · ·

W ostatniej trzeciej części porady dowiemy się jak zainstalować bazę MySQL.

Zobacz pozostałe części:
Część 1 – Instalacja serwera Apache
Część 2 – Instalacja interpretera PHP
Część 3 – Instalacja bazy MySQL

Nawigacja po stronie:
Etapy instalacji bazy danych MySQL
Konfiguracja serwera bazy danych
Logowanie się i testowanie serwera
Programy ułatwiające pracę z bazą danych MySQL
Pliki zrzutów instalacji MySQL 5.5.9


3. Instalacja bazy danych MySQL (plik o nazwie typu: Windows (x86, 32-bit), MSI Installer (mysql-5.5.9-win32.msi)).

Plik można pobrać ze strony http://dev.mysql.com/downloads/mysql/ >> następnie szukamy zakładki Generally Available (GA) Releases a poniżej MySQL Community Server 5.5.9 >> po wybraniu platformy systemowej Windows wyświetli się lista plików i wersji, można pokusić się nawet o wersję 64 bitową jeśli jesteśmy w posiadaniu takiego systemu (64 bit może sprawiać problemy) >> my dla przykładu wybieramy wersję MSI Installer i klikamy Download przy nazwie pliku typu Windows (x86, 32-bit), MSI Installer. Po chwili zostaniemy przeniesieni do strony, na której można stworzyć konto lub zalogować się, lecz my klikamy link poniżej: No thanks, just take me to the downloads! i jedziemy rolką w dół wybierając dowolny serwer, aby ostatecznie pobrać plik instalacyjny bazy MySQL.

(więcej…)

VN:F [1.9.22_1171]
Rating: 5.1/6 (7 votes cast)
VN:F [1.9.22_1171]
Rating: +2 (from 2 votes)
Podziel się wpisem na:
  • Facebook
  • Śledzik
  • Twitter
  • email
  • Google Bookmarks
  • Google Buzz
  • Flaker
  • MySpace
  • Blip
  • Wykop
  • Poleć
  • co-robie
  • Spis
  • Spinacz
  • Wahacz
  • LinkedIn
  • Mój biznes

Tagi: · · · · · · · · · ·

Starsze posty (Older posts) >>

Powered by RaVns


Unikalnych: odwiedzających!
Dziękuję za zainteresowanie :)