???????????????????????html????HTML Markup Validation?????????????????????????????????
?????????????????????????????????????????????html???????????????????????????????????????????????????html?????????????????????????????
??????????p????????????????????????Raindrops?????????????????????????????????????????????????????
????????????????????????????????????????????????????????????????????????????????????????????????
???????????????????????????????
????????????????????????HTML Markup Validation??????????????????????????????????????
div check
div ???????????p????????????
test
test
test
div ???2??????????p????????
test
test
test
div ???3????????P??????????
?????wpautop??p?????????????3.9?Raindrops?????????????????????????
test
test
test
div ???2????????P?????????wpautop?p??????
?????wpautop??p?????????????3.9?Raindrops?????????????????????????
no wrap p
div ???3????????P?????????wpautop?p??????
?????wpautop??p?????????????3.9?Raindrops?????????????????????????
no wrap p
div child table
div ????????????table??????????
?? | ???? | ? |
---|---|---|
??? | ????? | ????? |
????? | ?????????? | ?????? |
div ???2???????????table??????????
?? | ???? | ? |
---|---|---|
??? | ????? | ????? |
????? | ?????????? | ?????? |
table
td????p?????????
p?? |
td????p????????
?? |
caption????table
?? | ???? | ? |
---|---|---|
??? | ????? | ????? |
????? | ?????????? | ?????? |
thead tfoot tbody????table
?? | ???? | ? |
---|---|---|
???? | ???? | ???? |
??? | ????? | ????? |
????? | ?????????? | ?????? |
Employee | Salary | |
---|---|---|
example.com | example | example |
example.com | example | example |
example.com | example | example |
example.com | example | example |
Data List
- HTML
- HyperText Markup Language ??????
- WWW
- World Wide Web ??????
list
?????
- ???
- ????
- ?????
- ??????
- ??
- ???
- ????
- ?????
- ??????
- ??
- ???
- ????
- ?????
- ??????
- ??
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Caption Image
Audio
Note
???????????????footer??????????????Markup Validation Service ???????????
?????Raindrops???????????
<link rel='stylesheet' id='mediaelement-css' href='http://www.tenman.info/wp-37/wp-includes/js/mediaelement/mediaelementplayer.min.css?ver=2.13.0' type='text/css' media='all' />
<link rel='stylesheet' id='wp-mediaelement-css' href='http://www.tenman.info/wp-37/wp-includes/js/mediaelement/wp-mediaelement.css?ver=3.9.1' type='text/css' media='all' />
XHTML Elements
xhtml??????????????????
address
address ABCD abcd ?????????????blockquote
blockquote ABCD abcd ?????????????
dl?dt dd
- dt ABCD abcd ?????????????
- dd
- ?????
- abc?
- ????
- abc
- ???
fieldset legend
form
???
h2-h6
h2 ABCD abcd ?????????????
h3 ABCD abcd ?????????????
h4 ABCD abcd ?????????????
h5 ABCD abcd ?????????????
h6 ABCD abcd ?????????????
object
ol
- ol
- ?????
- abc
- ???
- abc
- ???
p
p ABCD abcd ?????????????
ul
- ol
- ?????
- abc
- ???
- abc
- ???
hr
pre
pre ABCD abcd ?????????????
table tr td
ol | ????? | abc | ??? | abc | ??? |
table thead th tbody tfoot tr td
ol | ????? | abc | ??? | abc | ??? |
---|---|---|---|---|---|
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
table tr td col
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
table tr td colgroup
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
table tr td caption
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
ol | ????? | abc | ??? | abc | ??? |
form input type=text
form
form input type=radio
form
form?type=”checkbox”
FORM SELECT NAME=”SAMPLE1″ SIZE=”3″ MULTIPLE
form?type=”submit” type=”reset”
form?type=”password” name=”pass” size=”30″ maxlength=”30″
form?type=”file” name=”sample” size=”30″
form?textarea wrap=”hard”
b
b ABCD abcd ?????????????
?????????????????????????strong
strong
strong ABCD abcd ?????????????
blockquote
blockquote ABCD abcd ?????????????
i
i ABCD abcd ?????????????
????????????????????????? em
cite
cite ABCD abcd ?????????????
??????????????????
em
em ABCD abcd ?????????????
????????????????
var
var ABCD abcd ?????????????
????????????????
address
address ABCD abcd ?????????????pre
pre ABCD abcd ?????????????
code
code ABCD abcd ?????????????
??????????????????????
kbd
kbd ABCD abcd ?????????????
???????????
samp
samp ABCD abcd ?????????????
????
pre
pre ABCD abcd ?????????????
small
small ABCD abcd ?????????????
sub
1 sub ABCD abcd ?????????????
sup
1 sup ABCD abcd ?????????????
del
the xmp element contains preformatted text in which markup other than an end tag is treated as literal text.
ins
????????
???????????????
??????????????
HTML5
html5???????????
section
Heading
Bunch of awesome content
nav
article
A really awesome article
Lots of awesome text.
aside
header
footer
figure
figcaption
data
New Products
- Mini Ketchup
- Jumbo Ketchup
- Mega Jumbo Ketchup
time
?????? ???????
mark
The <mark> element is used to highlight text
The mark element is used to highlight text
ruby
? ?
rt
? ?
????????????????
rp
? ?
???????????????????????????????????????????????
bdi
???????? ARABIC_PLACEHOLDER ????????????????????????
???????? ARABIC_PLACEHOLDER ????????????????????????
wbr
ttp://this
embed
video
audio
?????????????????????????????????
?????????????????????????????????
?????????? OGG ??????????????????????????????????????????
?????????????????????????????? Firefox ???????????????
source
track
under construction
svg
math
a
2
+
b
2
=
c
2
datalist
keygen
output
progress
meter
???????:
details
Some details
More info about the details.
summary
canvas
command
menu
Raindrops Layout Puttern
Dialog 1
title
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Dialog 2
title
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.