smarthr https://blog.hatena.ne.jp/smarthr/ SmartHR Tech Blog https://tech.smarthr.jp/ フロントエンド こんにちは。プロダクトエンジニアの@atsushimです。 smarthrでは社内でひろくsmarthr-ui が利用されています。 大変便利なのですが、使っていく上で色々問題も発生し、その都度対応してきています。 今回は発生した問題の一つ、Headingのレベルがめちゃくちゃになってしまった、という問題とその解決のためにしたことを紹介しようと思います。 Headingのレベルってそもそも何？なんで重要なの？ HTMLの見出し(Heading)要素は <h1> から <h6> まで、6種類存在します。 h1がレベルとして最上位、h6が最下位になり、ページ内のコンテンツの構造に合わせて、h1から… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.smarthr.jp%2Fentry%2F2025%2F06%2F19%2F094801" title="弊社のheading levelがめちゃくちゃだった件と 解決のためにしたことの話 - SmartHR Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-06-19 09:48:01 rich https://tech.smarthr.jp/entry/2025/06/19/094801 1.0 100%