WordPress Snippet

ワードプレスをカスタマイズしよう

HTML5 elements

投稿日: by

HTML5 elements

投稿日: by

section

Heading

Bunch of awesome content

Heading

Bunch of awesome content

nav


article

A really awesome article

Lots of awesome text.

A really awesome article

Lots of awesome text.

aside


hgroup

Main title

Secondary title

Main title

Secondary title

廃止

header

A logo perhaps?
A logo perhaps?

footer

Some copyright info or perhaps some author info for a

?
Some copyright info or perhaps some author info for a
?

figure

An awesome picture
An awesome picture

figcaption

An awesome picture
Caption for the awesome picture
An awesome picture
Caption for the awesome picture

data

New Products

  • Mini Ketchup
  • Jumbo Ketchup
  • Mega Jumbo Ketchup

New Products

  • Mini Ketchup
  • Jumbo Ketchup
  • Mega Jumbo Ketchup

time

コンサートは 5 月 15 日に開催します。

mark

The element is used to highlight text

The mark element is used to highlight text


The  element is used to highlight text

The mark element is used to highlight text

ruby

漢 (Kan)
字 (ji)

(Kan)(ji)

rt

漢 Kan
字 ji

Kanji

東アジア言語の発音を表示するため

rp

漢 (Kan)
字 (ji)

(Kan)(ji)

ルビのアノテーションをサポートしないブラウザ向けのフォールバックとして括弧を提供するために使用

bdi

このアラビア語の ARABIC_PLACEHOLDER は左から右に向かって文字がレンダリングされます。


このアラビア語の ARABIC_PLACEHOLDER は左から右に向かって文字がレンダリングされます。

wbr

http://this.is.a.really.long.example.com/With/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages


http://this.is.a.really.long.example.com/With/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages

embed


video

Your browser does not support the video element.



audio

「これはオーディオファイルです」というナレーションが再生されます。
オーディオプレイヤーの代わりにこのメッセージが表示されている場合、
ご使用中のブラウザが OGG 形式の音声の再生、もしくはオーディオの再生自体をサポートしていない可能性が有ります。
お手数ですが、世界で最もカスタマイズ性に優れたウェブブラウザ Firefox でのアクセスをお試しください。


source



I’m sorry; your browser doesn’t support HTML5 video.


track




JavaScript: HTML5 Video with SRT Subtitlesをみると.srtファイルというのはテキストファイルみたいですね。

canvas

Sorry, your browser doesn’t support the element.


 Sorry, your browser doesn't support the  element.

svg

 
 
 
 
 

math

a
2

+

b
2

=

c
2


 
 
 
a
2
 
 +
 
b
2
 
 
 =
 
 c
 2
 
 
 

datalist


 

keygen


output

0 100 +
=


0 100 + =

progress

70 %


70 %

meter

オーブンの温度: 350 degrees


オーブンの温度: 350 degrees

details

Some details

More info about the details.

Some details More info about the details.

summary

see details

command


menu






  • 
     
    • https://developer.mozilla.org/ja/docs/Web/Guide/HTML/HTML5/HTML5_element_list(@source)