logo jQueryに強い、基本料金0円。わかりやすい料金設定でご提供する、
コーディング代行サービス「ココマチ コーディングラボ」
050-3184-0915

MENU

スタッフブログ

お見積り依頼

セマンティック・ウェブについて

セマンティック・ウェブ(英: semantic web)は W3C のティム・バーナーズ=リーによって提唱された、ウェブページの意味を扱うことを可能とする標準やツール群の開発によってワールド・ワイド・ウェブの利便性を向上させるプロジェクト。セマンティック・ウェブの目的はウェブページの閲覧という行為に、データの交換の側面に加えて意味の疎通を付け加えることにある。
最近よく聞くことが多い、「セマンティック・ウェブ」。これをWEBコーディングの際に当てはめるとしたら、 HTMLのタグの意味を考えてコーディングしましょう という事になるのではないでしょうか。
今回、セマンティック・ウェブ的なコーディングについてまとめてみました。

1.見出しタグを適切に使用する

見出し(h)タグには、ランクが存在しています。 h1タグが最上位となり、次にh2タグ、h3タグ、h4タグとなっています。 これは、文章の階層構造を説明することにもなるので hタグの順序がバラバラになっていると検索エンジンに正しく解釈してもらえなくなります。
良い例
<h1></h1>

      <h2></h2>     <p></p>

     <h3></h3>      <p></p>

      <h4></h4>       <p></p>  

    <h2></h2>     <p></p>  

     <h3></h3>      <p></p>

 

→H1は最初に出現、その後はH2、H3と続くのが正しい


2.セクション要素

HTML5 では、セクション要素という新しい要素が加わっています。このセクション要素を使えば、セクションを意味的にひとつの塊として捉えてくれて、アウトラインを形成してくれます。 <nav>… ナビゲーションを示すセクション要素
<article>… ブログの記事みたいに、独立しても意味が通るような部分を示すセクション要素
<section>… 基本的に見出しを伴う文章のひと塊、段落とか章を示すセクション要素
<aside>… あまり重要でない部分を示すセクション要素

→意味ごとのまとまりで<section>、単独で意味が成り立つものは<article>、単なる装飾の場合は<div>


3.各タグの意味

HTML5 では、不要なdivタグは極力書かず、各タグの意味を考えてコーディングをしてください。

繰り返し要素や、要素を並列に並べるなら<ul>と<li> 例)グローバルナビ

単語と説明のペアは<dl>(<dt>と<dd>のペア)
不要なdivタグは極力書かない

→誰が見ても読みやすいソースコードを心掛ける

続きを読む

料金改定のお知らせ

コーディングラボのコーディング料金ですが、2017年4月よりページ単価の値下げをさせて頂きます。


PCサイトコーディング代金…1ページあたり7,000円(旧価格8,000円)縦の長さが3000pxまで

スマホサイトコーディング代金…1ページあたり7,000円(旧価格8,000円)縦の長さが5000pxまで

レスポンシブコーディング代金…1ページあたり15,000円(旧価格19,000円)縦の長さが3000pxまで

※同時に最低ご利用料金の設定をさせて頂きます。
最低ご利用料金:30,000円
※レスポンシブの場合、1Pのみ発注頂く場合は、30,000円となります。
→1Pでも2Pでも同じ30,000円とさせて頂きます。

以上    
続きを読む

コーディングラボのWebディレクターの採用を始めさせて頂きました。

業務の拡張に伴い、コーディングラボのWebディレクターの採用を始めさせて頂きました。 詳しくはこちら
続きを読む

年末年始休暇のお知らせ

12月28日(水)より1月4日(水)まで年末年始休暇とさせて頂きます。 ご連絡頂きましたお問合せに関しましては、5日(木)以降随時対応させて頂きますので、あらかじめご了承ください。
続きを読む

HTML5はどんなところがスゴイのか?

 

HTML5とは?

HTML5は、WEBページを構築するための言語HTMLの5回目の改訂版となります。正式に勧告されたのが2014年10月と新しく style=’margin:20px;’、仕様はまだ変更される可能性があり、今後、5.1といった具合に新たな仕様が勧告される可能性があります。CSSを組み合わせることでデザインを制御したり、電子データの管理に用いられるXMLデータ文書を扱えるXHTML形式にも保存したりする、といった一般的な使い勝手は従来どおりですが、記述方法の簡潔さや機能が大幅にアップしています。

続きを読む

ウェブサイトの装飾をつかさどるCSSの歴史

成り立ち

現在、HTML文書の装飾に広く使われているCSSですが、その普及までには現状では考えられない困難もありました。

もともとウェブサイトの制作を行うHTMLでも簡単な装飾はできたのですが、ウェブサイトの多様化などから、より高度なデザインを求められるようになりました。そこでWWWの生誕地CERNに勤務していたホーコン・ウィウム・リーがスタイルシートによってHTMLから装飾の要素を切り離すことを提案し、1996年に「ウェブの環境を使う人や場所によって差異がでないように、仕様や技術書を作成・勧告する」ための組織W3Cによって勧告されました。

続きを読む

ウェブサイト制作に欠かせない存在HTMLの歴史

成り立ち

今ではウェブサイト制作を行う人にとって最も一般的なマークアップ言語であり、欠かせない存在のHTMLですが、その成り立ちは意外にも現在のようなウェブ上での使用のためではなかったのをご存知ですか? 誕生のきっかけはイギリスの計算機科学者ティム・バーナーズ=リーが、彼の所属していたCERNで同僚との情報共有の仕方に悩んでいたことでした。欧州12か国が共同研究を行うCERNでは、何千人もの科学者が出入りしていたため、それぞれの研究の進捗状況などの情報を共有しきれずにいました。そこで1989年、ティム・バーナーズ=リーが独自のメモを提案し、1990年にコード化。この時に世界ではじめてのサーバーとブラウザが誕生し、多くの情報が蓄積されているサーバーへアクセスすることで情報をブラウザ上に表示するという現在のウェブにつながる方式ができたのです。

続きを読む