浏览器会默认让 h1> 字号很大,而 <h6>字号很小,这个设定在文章页面非常合理,不过如果你在设计一个 web app,情况就不同了。 比如,给 Manage Account 用 <h1> 在语义上很合理,但它并不一定要用大字号。有些时候,模块里面的内容比标题更值得突出,所以这里的 <h1> 标题用小字号也很合适。 并不是说模块标题不能是大字号的,只是想提醒一下:视觉层级不应该受到语义层级的限制。 <img src="https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_227BDF63-021B-4AE1-AB2F-6A4F3B41E413/public" style="background-color:initial;max-width:min(100%,360px);max-height:min(190px);;background-image:url(https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_227BDF63-021B-4AE1-AB2F-6A4F3B41E413/public);height:auto;width:100%;object-fit:cover;background-size:cover;display:block;" width="360" height="190"> <img src="https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_494FBBFE-1C8A-4C81-8E8D-6825F0C4DD20/public" style="background-color:initial;max-width:min(100%,360px);max-height:min(190px);;background-image:url(https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_494FBBFE-1C8A-4C81-8E8D-6825F0C4DD20/public);height:auto;width:100%;object-fit:cover;background-size:cover;display:block;" width="360" height="190">