CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | HTMLとXHTML/CSSとは |
9.HTMLとXHTML/CSSとは
HTML(Hyper Text Markup Language)とは・・・

Webページを作成する為のマークアップ言語(記述言語)です。

マークアップとは印をつけるという意味で、例えばここは『見出し』『ここは画像』というように、文章や語句に『タグ』と呼ばれる

特別な文字列で印をつけ意味を定義します。

<HTML> HTML文書の始まり
<HEAD> 表題部分の始まり
<TITLE>MY HOMEPAGE</TITLE> 文書のタイトル
</HEAD> 表題部分終わり
<BODY> 本文始まり
<H1>ようこそ私のホームページへ</H1> 見出し1【h1〜6まであり数字の数が
増えるほど強調度が少なくなってくる】
<P> 段落を定義するタグ
<IMG src="welcome.jpg" height="229" width="350"> イメージデータの指定
</BODY> 本文終わり
</HTML> HTML文書終わり
ウェブ標準について

Web標準とは、Webの世界で標準的に利用していく技術の総称です。

HTMLによるサイト制作ではソースが複雑になるなどさまざまな問題が出てきた為、Webの技術を制定しているW3Cという機関が定めたものです。

昨今、このWEB標準に基づいたサイト制作が急速に広まってきました。

主な理由

・SEO(Search Engine Optimization)対策
・アクセシビリティの確保
・更新が容易(管理がしやすい)

Web標準でサイトを制作する際、従来と異なるのは構造とデザインを分離するという点です。
構造はXHTML(新世代のHTML)デザインはCSS(スタイルシート)で記述します。

  従来(非Web標準) Web標準
■ 構造 HTML XHTML
■ デザイン HTML CSS
  すべてHTMLによる記述 XHTMLとCSSで役割分担を行う
XHTMLとは

HTMLの元であるSGMLという言語が新しくXMLになったことに伴いHTMLもXMLに準拠して再構築されました。
それがXHTMLです。

XHTMLはHTMLと基本的な部分は同じですが異なる点もいくつかあります。

■ 文頭にXML宣言を記述する。
■ 原則として小文字で記述する
■ 属性値は大文字・小文字を区別する
■ 空要素にも終了タグが必要
■ ルート要素を記述する必要がある。

XHTMLには【これが見出し1です】【これは画像です】など文章構造のみを
記述します。
見出し1や画像が何色かどの位置にレイアウトされるのかといった、デザイン面はCSSが担当します。

もどる すすむ

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら
何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | HTMLとXHTML/CSSとは |


CSS
Ryuumu