精心设计有意义的HTML

HTML是可以赋予你编码超能力的功能强大的工具包。由于HTML的内置行为,你可以减少所需的显式代码量。对文档进行结构设计,使其逻辑通畅布局优美,同时也可以使更多的人和更多的程序可以使用你的内容。在本课程中,Jen Kramer向你展示了如何精心设计有意义的HTML,并在此过程中向你介绍了基本的HTML标签和属性。

主题包括:

  • 结构化文档
  • 标识标题和段落
  • 添加语义导航
  • 使用有序列表、无序列表和定义列表
  • 添加链接和着重文本
  • 添加图像,引号和换行符
  • 识别语义问题

课程信息

  • 英文名称:Crafting Meaningful HTML
  • 时长:1小时44分
  • 字幕:英语

课程目录

  1. Craft meaningful HTML
  2. Working with CodePen
  3. Working with VS Code
  4. Explore content and add it to CodePen
  5. Identify major elements of a page
  6. Identify headings and paragraphs
  7. Enhance an article with emphasis and links
  8. Ordered, unordered, and definition lists
  9. Challenge: First pass at article markup
  10. Solution: First pass at article markup
  11. Move your code from CodePen to Visual Studio Code (VS Code)
  12. Understand the head code
  13. Add semantic navigation
  14. Add images, figures, and figure captions
  15. Add footers with address, time, and date
  16. Add quotes, line breaks, and citations
  17. When to use div and span elements
  18. Challenge: Identify semantic problems
  19. Solution: Identify semantic problems
  20. Controlling breaks with <wbr> or ­
  21. Displaying code with <code>, <samp>, and <kbd>
  22. Providing scripting alternatives with <noscript>
  23. Providing details with <details> and <summary>
  24. Understanding the misunderstood <hr>
  25. Next steps

评论