17|HTML-Semantic WebとSemantic Tag


semantics


ロマンチックとは?


プログラミングでは、シンボルはコードフラグメントの意味を表します.例えば「これはどうして始まりのように見えますか?」「このJavaScript行を実行すると、どのような効果がありますか?」あるいは「このHTML宣言の目的や役割は何ですか?」

Semantic Web


Web上に蓄積された情報がますます膨大になるにつれて、Web技術は蓄積された膨大なデータに対してキーワードの情報アクセスしか許可されず、情報検索時に無数の不要な情報が現れ、情報の洪水を重くした.また,コンピュータは必要な情報を抽出,解釈,加工することができないため,すべての情報にユーザが直接介入して処理する必要がある.これらの問題の根本的な原因は,コンピュータが情報資源の意味を理解していないことであり,これらのWeb技術はTeam Burnersyが創始したときに想定したWebとはまだ距離があるため,2001年にTeam BurnersyらがWeb技術のビジョン,すなわち仮想Webを提案した.
シーメンスネットワークの目標は、既存のネットワークを拡張し、コンピュータが理解できる良好な定義の意味を基礎として、意味相互運用性(semantic interoperation)を実現し、コンピュータが各種情報資源の処理、データの統合と再利用を自動的に実行できるようにし、ヒューマンマシンがよく理解できるWebを作成することである.

Semantic Webの構成

  • 明示的メタデータ-XML(eXtensible Markup Language)、RDF(ResourceDescription Framework)などの言語技術でメタデータや推論に必要なルールなどを表現する.
  • Ontologies-データの意味と関係情報を知識表現技術で体系的に表現する.
  • 論理推論(Logical Reasoning)-Ontologyと結合した関係情報から新たな情報を導出することが可能となる.
  • Semantic Tag


    意味タグとは、「意味的、意味的」のように、意味タグによって開発者やブラウザに意味のあるタグを提供します.
  • 非意味tag-<div><span>・と同様に、タグのみを見て、そのタグの内容の意味が分からないタグを非意味tagと呼ぶ.
  • 意味tag-<table><header>のように、表記によって内容の意味を大まかに推定できる表記を意味tagと呼ぶ.

  • たとえば、語義タグを使用する前にヘッダーとフッターを表すには
    <div class = "header">
    <div id = "footer">
    このようにclass名またはidで定義します.
    HTML 5は定義済みの意味タグを使用
    <header>
    <footer>
    このように表現します.

    HTML 5で新しく提供された記号タグ。

    <article>,<aside>,<details>,<figcaption>,<figure>,<footer>,<header>,<main>,<mark>,<nav>,<section>,<summary>,<time>...

    なぜSemantic tagを使うのか


    既存の開発者ごとに<div>ラベル内にidまたはclass属性で名前を指定しているため、ブラウザがhtmlファイルを分析する際にコンテンツを正確に認識することは難しい.しかし,semantic tagを用いて記述することで,コードの可読性を向上させ,その意味を明確にし,誰でも簡単に閲覧できるWeb標準性を持たせることができる.また、メンテナンスとソフトウェアの再エンジニアリングのためにドキュメントを再分析すると、時間を節約できます.