html5

Znaczniki html5

oznaczone w poniższym wykazie kolorem:

Przykłady:

<figure>
 <img src="images/logo.png" alt="webscene">
 <figcaption>Wdrożenia WordPress</figcaption>
</figure>

<cite>“Swoją drogą. Opowieść o trzech podróżach po inne życie”</cite>

<blockquote cite="http://www.tomekmichniewicz.pl/">„Zabiorę cię w dowolne miejsce na świecie. Pod jednym warunkiem – decyzję, dokąd chcesz lecieć i po co, musisz podjąć już, w tej chwili”.</blockquote>

<abbr title="ang. Hyper Text Markup Language">HTML</abbr>

<object type="application/x-java-applet" height="250" width="250">
 <param name="code value="aplication" />
 <param name="archive" value="aplication.jar" />
 The applet can't be started. Install the Java Virtual Machine
</object>

Inspiracje<wbr />Fotograficzne<wbr />.pl

 

Wykorzystanie znacznika ruby do przypisów nad wyrazami:

<ruby>Agnieszka<rt>imię</rt> Trefler<rt>nazwisko</rt></ruby>

 

obiekty DOM w HTML5 do przechowywania:

przechowywanie w parach: klucz-wartość

 

Przechowywanie w sesji

użytkownik może przechowywać dane pojedynczej strony tak długo jak trwa przeglądanie tej strony. Opuszczenie strony równa się utracie danych.

metody przechowywania:

 

przechowywanie wartości: sessionStorage.setItem(„key”, value);

pobranie przechowywanych danych: sessionStorage.getItem(key);

key – wartość tekstowa, lub zmienna/funkcja zawierająca/zwracająca typ tekstowy.

 

<script type="text/javascript">
  webData=new Object();
  
  webData.setData=function(){
    sessionStorage.setItem("firstM",document.mountain.firstM.value);
  }
  
  webData.getFirst=function(){
    mountainName=sessionStorage.getItem("firstM");
    alert(mountainName + " it's a mountain");
  }
</script>




<form name="mountain">
  <input type="text" name="firstM" placeholder="first mountain"> 
  <input type="button" onClick="webData.setData()" value="save">  
  <input type="button" onCLick="webData.getFirst()" value="check">
</form>



 

Przechowywanie lokalne

jest trwałe. działa podobnie jak cookies ale z różnicami:

Przechowywanie, czyszczenie, odzyskiwanie danych poprzez element – localStorage()

 

wykaz elementów HTML:

http://www.html-5-tutorial.com/all-html-tags.htm

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

 

Ogólne nowości w html5:

 

testowanie w przegladarkach

 

#html5

Agnieszka Trefler

Agnieszka Trefler (Ruda) - freelancer, web developer, specjalistka od WordPressa z Wrocławia. Z pasją budowania stron, blogowania i fotografowania. Twórca Inspiracji fotograficznych.