Šablóna dokumentu HTML5

Na internete je veľa rôznych druhov HTML template-ov a boilerplate-ov pre jazyk HTML, ktoré sú pre začínajúcich webových vývojárov mätúce. Obsahujú množstvo zbytočností, ktoré autor ani nevyužije a zbytočne robia jednoduchý programový kód neprehľadným a rozsiahlym. Najčastejšie ide o rôzny cross browser compatibility (XBC) knižnice, prípadne knižnice tretích strán zamerané najmä na JavaScript a DOM. V tomto článku, tak ako aj v predchádzajúcom, predstavujem svoj HTML5 template, ktorý používam na testovacie účely.

Príklad: Šablóna dokumentu HTML5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="sk">
  <head>
    <title>HTML5 Template</title>
    <meta charset="utf-8">
    <meta name="author" content="PhDr. Matej Lednár, PhD.">
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script>    
    <style>
    </style>
  </head>
  <body>
    <script>
    </script>
  </body>
</html>
<!DOCTYPE html>
<html lang="sk">
  <head>
    <title>HTML5 Template</title>
    <meta charset="utf-8">
    <meta name="author" content="PhDr. Matej Lednár, PhD.">
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script>    
    <style>
    </style>
  </head>
  <body>
    <script>
    </script>
  </body>
</html>

Aj keď sa ešte stále musia vývojári trápiť s XBC, príchod Windows 8 a postupné rušenie podpory Windows XP spôsobujú, že väčšina používateľov pracuje s novými internetovými prehliadačmi ako sú Opera, Google Chrome, Internet Explorer 9, Safari či Firefox. Tie našťastie obsahujú automatické aktualizovanie, takže už nie je potrebné riešiť, čo pre ktorú verziu internetového prehliadača ako naprogramovať. Je potrebné sa sústrediť na budúcnosť a možnosti, ktoré nám nové prehliadače poskytujú. Preto z tohto pohľadu je zbytočné používať šablóny, ktoré zabezpečujú XBC podporu CSS cez JS, využívajú hacky a proprietárne prvky internetových prehliadačov a iné neštandardné techniky.

Mladí vývojári by sa mali sústrediť na nové možnosti, nie študovať staré nepotrebné techniky a nechať si tak utiecť vlak. Webové technológie sú veľmi rozsiahla oblasť, kde každý neefektívne využitý čas ich iba oddaľuje od dosiahnutia požadovanej odbornej úrovne. Navyše množstvo užitočných rád a riešení už nie je ani na internete, keďže firmy zväčša tieto technológie prestali podporovať a aj súčasná kríza spôsobila, že zaniklo množstvo odborných webov s užitočnými informáciami.

Záver

Uvedenú šablónu je možné používať nielen na tvorbu dokumentov HTML, ale aj pre učenie sa jazykov HTML, CSS a JavaScript.

Komentáre

Pavol 08.11.2016 16:25 Matej, chcem vás poprosiť neviete náhodou o akejkoľvek administrácii (na stiahnutie) pre html5 čablónu? Ďakujem, Pavol

Autor 09.11.2016 22:30 Neviem co mate konkretne na mysli. Ak myslite CMS systemy, tak kazdy CMS ma vlastne sablony. Napr. Joomla ma sablony pre Joomla, ale treba pozerat verziu pre aku je template vytvoreny. Template 2.x sa neda nainstalovat pre verziu Joomla 3.x

Pridať komentár

Meno (povinné)

Web

Správa (povinné)

Odoslať