HTML 5.2 Changes 톺아보기

History of HTML 5 Specification

  1. HTML 5 Rec.
  2. HTML 5.1 Rec.
  3. HTML 5.1 2nd Rec.
  4. HTML 5.2 Rec.
  5. HTML 5.3 6th WD

명세를 안읽어요

안 읽는다구요

Quiz 1.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <p>
    <style>
      a {color: #fff;}
    </style>
  </p>
</body>
</html>
Quiz 2.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <style>
    header {
      height: 500px;
      background: #ff0;
    }
  </style>
  <header>
    헤더
  </header>
</body>
</html>
Quiz 3.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <a href="#">
    링크
    <style>
      a {color: #fff;}
    </style>
  </a>
</body>
</html>
Quiz 4.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <main>메인1</main>
  <main style="display:none">메인2</main>
</body>
</html>
Quiz 5.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <dl>
    <div>
      <dt>term</dt>
      <dd>description</dd>
    </div>
  </dl>
</body>
</html>
Quiz 6.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <dl>
    <div>
      <dt>term 1</dt>
      <dd>descript 1</dd>
    </div>
    <dt>term 2</dt>
    <dd>descript 2</dd>
  </dl>
</body>
</html>
Quiz 7.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <dl>
    <div>
      <dt>term 1</dt>
    </div>
    <div>
      <dd>descript 1</dd>
    </div>
  </dl>
</body>
</html>
Quiz 8.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <ul>
    <li><dfn>banana</dfn> is a long, curved fruit with a yellow skin.</li>
  </ul>
</body>
</html>
Quiz 9.
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <ul>
    <li><dfn>banana</dfn></li>
  </ul>
</body>
</html>
Quiz 10.
  <!-- start .foo -->
  <div class="foo">
    ....
  </div>

  <!-- start .foo__bar--baz -->
  <div class="foo__bar--baz">
    ...
  </div>

  <!----------------------->
  <div class="bar">
    ...
  </div>
<!--------------------------->
<div class="foo">
  ....
</div>
<!--------------------------->

<!-- start .foo__bar--baz -->
<div class="foo__bar--baz">
  ...
</div>
<!-- end .foo__bar--baz -->
#렬루_진짜_최종.slide #질문은_손_머리_위로_푸쳐핸썹 #질문_부끄부끄하면_뒤풀이가서_물어보세요 #해치지않아요

References

<style> within the <body>.

  1. make <style> in <body> conforming - W3C
  2. style tag should be allowed in body - WHATWG

The presentation for the <img> element.

  1. Allow role="none" on img with alt=""

<div> as a child of a <dl> element.

  1. Proposal: Introduce <g> element
  2. Reconsider FAQ: <di>, <div> or <li> wrapping <dt> and <dd>
  3. Allow <div> around each <dt><dd> group in <dl>

<dfn> as a descendent of an <li> element that contains a definition of the term defined.

  1. allow <dfn> ancestor to include <li>

Headings within <legend> in a <fieldset>.

  1. Consider adding headings to allowed content in `<legend>` element

Empty <option> element as a child of <atalist>

  1. Fix label-less empty-option examples
  2. Make label-less empty option OK if datalist child
  3. Integrate to get in sync with whatwg

Comments containing two consecutive hyphens, or ending with a hyphen, in the HTML syntax.

  1. Allow dashes in comments
  2. Remove parse error for dashes in comments <!-- -- -->

role values for a <caption> element.

  1. <caption> can take any role; make this more specific

Inline blocks, inline tables, or floated and positioned block-level elements as children of a p element.

  1. <p> vs. inline tables/blocks and floats
  2. Alied wording to clarify retrictions on children of p elements.
  3. Confusing statement regarding the content model of <p> in the "Changes" section in HTML5.2
  4. Update paragraph description

Content with the HTML4 or XHTML1 strict doctype.

  1. Make HTML4/XHTML1 Strict doctypes non-conforming - WHATWG
  2. Make HTML4/XHTML1 Strict doctypes non-conforming - W3C