Comments (2)
easy-notion-blog では Notion の見出しレベルに +3 した h
タグを使用しています。
そのため Notion の Heading と h
タグの関係は下記のようになります。
Notion | easy-notion-blog h tags |
---|---|
Heading 1 | h4 |
Heading 2 | h5 |
Heading 3 | h6 |
この理由は h
タグの意味を考慮してのことです。
h1
はページのトップレベルの見出しで、通常はページのタイトルに相当します。
Notion では Heading 1 であっても、Notion Blog ではページ内の1コンテンツ(個別記事ページの本文内の見出しの1つ)に過ぎません。
Heading 1 を都度 h1
としてしまうと、ページのタイトル相当の見出しが複数存在することになってしまいます。
h1
タグの使用については MDN に下記の記載があります。
<h1>
はページまたはビューにつき1つだけ使用してください。内容の全体的な目的を簡潔に記載しなければなりません。
複数の<h1>
を使用してもエラーにはなりませんが、これは最善の方法とは見なされていません。これは読み上げソフトや SEO で有利です。
ただし考え方によっては色々な捉え方ができると思いますので、お好みでカスタマイズしていただければと思います。
from easy-notion-blog.
ありがとうございますm(_ _)m
見出し装飾をカスタマイズする際、他のブログの検証画面を拝見したことがありました。
本文の見出しはh2から始めている方が多いことを知り、
h2・h3を本文見出しに。h1は本文タイトルの装飾としてカスタム後、
実際使用してみると「h2とh3だけでは収まらない・・・」といった悩みが続いていました。
notion-blockの記述に+3して調整してくださっていることを知れて、
これからはNotion上でh1からh3まで使用できる = 使いやすい!見やすい!
ということになったんだなということを理解できました⭐
ありがとうございます〜
from easy-notion-blog.
Related Issues (20)
- bookmarkについて HOT 17
- Use metascraper instead of url-metadata
- 新しい記事をnotionで書いたが反映されない HOT 4
- Twitterカードのブックマークが上手く表示されていない HOT 2
- 初期設定時に複製するNotionDBのSupport blocksの記事内の不具合 HOT 2
- ToDo to version 1.0
- テキストに日付またはリマインダーを挿入するとエラーが発生する HOT 1
- Vercelのデプロイで失敗します。助けて欲しいです。 HOT 4
- Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'call')となる HOT 5
- Handle errors if an original synced block can't be retrieved HOT 1
- Can i use your code to make my blog website? HOT 2
- Can't you add another language? For example, Korean. HOT 2
- TypeError [ERR_INVALID_URL]: Invalid URL HOT 3
- 相談:image/next により生じる画像高さの余白 HOT 5
- 不具合:記事を更新したら'FUNCTION_INVOCATION_TIMEOUT'になってしまう HOT 3
- ビルドでエラーが出てしまいデプロイできずご教授いただけますと幸いです…! HOT 3
- tag一覧ページの遷移でfirstPostのエラーにより遷移できず HOT 7
- React v16 に依存しているライブラリがあり `npm install` に失敗する HOT 2
- ローカル保存版OgImageがブログ上で表示されない_他は表示確認済み HOT 1
- 同じリポジトリ使用中の記事をbookmarkするとogImageが発行されない HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from easy-notion-blog.