HTML

Introduction of HTML5

今はHTMLのバージョンがあがり、5代目になっている。
➡メディアへのサポートが豊富になり、向上した。

様々なタグと要素が足されたが、根本は変っていない。

これは、cross platform developmentと呼ばれるものを用いて助けてくれる。

Cross platform: developing, applications and software for more than one platform such as web, desktop, mobile etc.
➡複数の機能を持つプラットフォーム向けの開発、アプリ、ソフトウェアのこと。

HTMLとHTML5はまず、doctype declarationが違う。
➡<!DOCTYPE html>と記述する。

<!DOCTYPE html>は、いつも最初の行にくる。
➡実はタグじゃない。

また、HTML5に、<header>、<footer>、<section>などのコンテンツ固有の要素がある。
面白い機能として、GeoLocationがある。
➡サイト訪問者の場所を見つけることができる。(geolocationAPIを利用することで可能)

Let’s introduce you to some new tags.

これらのタグは、bodyタグ内に追加される。

<header> & </header>:ページの紹介部分に使える。ブランド名やタグ、画像を追加できる。<h1>..<h6>がよりアプリに適応するようになる。

どのウェブページでも、rivacy Policy, Copyright Information, Contactなどの情報はページの下にある。このような情報を追加する際には、以下のコードを利用するとよい。

<footer> & </footer>:上記のような情報をこのタグ内に入れると、ページの底に追加できる。

<nav> & </nav>:ホーム、プロファイル、マイアカウントなどのリンクを一つにまとめることができる。

<article> & </article:コメント領域や、ブログなどの領域を追加できる。


この記事が気に入ったらサポートをしてみませんか?