3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

セマンティックなマークアップについて考える

Posted at

セマンティックとは

IT用語としてのセマンティックはコンピュータに文書や情報の持つ意味を正確に解釈させ、文書の関連付けや情報収集などの処理を自動的に行わせる技術のことを指す。

セマンティックなマークアップの目的

機械が文書構造を理解しやすい「マシンリーダブル」なコードを記述することが目的です。

マシンリーダブルなマークアップをする利点

  • 高齢者や障害者なども含めたあらゆる人が、どのような環境(うるさい場所や、暗い場所、逆に明るい場所など)においても柔軟にWebサイトを利用できる
  • SEOが上がる

セマンティックなマークアップの例

具体的な話をするとHTML5にはタグの種類が豊富にあります。
マシンリーダブルな文書構造を表現するために適切なタグでマークアップする必要があります。

以下の記事がすごく参考になります。
https://bsj-k.com/html5-semantic-markup/

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?