HTML

What I learned

• Học HTML từ quan điểm BE Developer:
  • Đi từ layout của 1 webpage ra ⇒ Nên biết về cách tạo layout cơ bản (vd float, grid, …)
  • Sử dụng tag cho đúng mục đích. HTML có sẵn những thẻ cần thiết cho việc cần thiết. Ví dụ: aside, nav, section, article, … Nếu được, nên sử dụng nó là basic nhất.
  • Block elements - Luôn start trên dòng mới, trình duyệt sẽ tự động thêm space (margin) trước và sau các element
  • Inline elements - Không start trên dòng mới (vd: span)
  • Responsive: Viewport
  • Entities.
• Các tag HTML cơ bản, chia theo category:
  • Structure tags: html, head, body
  • Semantic tags: header, nav, main, footer, section, article, aside
  • Text + Content organization: h1 -> h6, p, div, span, ...
    • Formatting: b, strong, i, em, mảk, small, del, ins, sub, sup
  • Links and Navigation: a
  • Lists: ul, ol, li
    • attributes: type
  • Images and Media: img, video, audio
    • map, area, canvas + figcaption, figure, picture
  • Forms: form, input, label, button, textarea
  • Table: table, tr, td, th
  • Meta: meta, title

Notes

• Đặc biệt chú ý tới các Semantic tags, sử dụng chúng để build structure cho webpage.

Resources

• awesom-html5