CSS与HTML5语义标签样式匹配技巧

HTML5语义化标签本身不带样式、不自动触发CSS匹配，它们的核心价值在于提升可访问性与SEO，而非简化样式开发；所有视觉效果都必须通过手动编写的CSS规则实现，且是否生效完全取决于选择器优先级而非语义正确性——因此，最佳实践是将语义标签与描述视觉的class（如`.primary-nav`）或表达行为意图的`data-*`属性结合使用，避免依赖元素选择器或深层嵌套结构，同时警惕兼容性陷阱（如IE需html5shiv），真正掌握“结构归结构、样式归样式、行为归行为”的现代前端分离原则。

class 名和语义化标签不是一一对应关系

HTML5 语义化标签（如