XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平.

Slides:



Advertisements
Similar presentations
ウィキについて 1 1040431 1 1040431 植木貴宏 植木貴宏. ウィキとは? ウェブブラウザを利用して Web サーバ 上のハイパーテキスト文書を書き換え るシステムの一種。 ウェブブラウザを利用して Web サーバ 上のハイパーテキスト文書を書き換え るシステムの一種。 Wiki とは、ハワイ語で「速い」を意味.
Advertisements

Integrated Personal Page C05823 森本万里子 C05829 西山礼恵 C05899 高木華子.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
Web アプリケーション開発 ~図書館管理システム~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 高橋 隼.
Word の使い方 for Mac office Word 目次 1 スタイルの設定 2 簡単な図表番号の表示.
WEB デザイン基礎実 験 担当:清水,田代 副手:浦辺,石井 ( 1 日目) NC-2 情報通信基礎実験.
IIS 4.0で開発をするコツ Webアプリケーション構築.
情報基礎A 情報科学研究科 徳山 豪.
XBRLを使って, 財務分析(2015) 専修大学商学部 高萩栄一郎.
Webアプリケーション開発の 基本的なポイント
Webサービスに関する基本用語 Masatoshi Ohishi / NAOJ & Sokendai
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
JPAを利用した RESTful Webサービスの開発
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
【2.12】文字装飾機能内部設計書
背景 我々の研究室で開発しているJavaプログラム解析フレ ームワークでは,解析情報はメモリ上に保持される 問題点
IDLTM/IONTMを使用した UDON (Universe via Darts ON-line) プロトタイプの作成
HTMLの記述と WWWにおける情報公開 遠藤
売れるためのWEBサイト構築.
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
早稲田大学大学院理工学研究科 情報科学専攻修士2年 後藤滋樹研究室 坂本義裕
第1回 HTML5入門.
ホームページの作り方.
Microsoft Office 2010 クイックガイド ~ファイルの互換性編~
XMLゼミ 2.3 XMLのプロローグ 2.4 XMLのタグ 高橋 辰裕.
WWW (=World Wide Web)とは
XMLについて 蔡柏東.
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
見た目を定義する技術 CSS(スタイルシート).
情報コミュニケーション入門 2016年度版 情報コミュニケーション入門m 総合実習(1).
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
第8章 データベースシステムの発展 8.1 オブジェクトリレーショナルデータベース 8.2 分散データベース 8.3 インターネットとデータベース.
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (1日目) 担当:清水,田代 副手:浦辺,石井.
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
SGMLについて 2年8組  原口 文晃.
XMLゼミ 5.1 XML文書と表示 5.2 CSS 5.3 XMLとXSL 高橋 辰裕.
XSL-FO + MathML MathML表示、PDF生成、SVG生成
基礎プログラミング演習 第1回.
第8章 Web技術とセキュリティ   岡本 好未.
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
9.1 DOMの概要 9.2 DOMプログラミングの基礎 9.3 DOMのプログラミング例
第10回 2007年6月29日 応用Java (Java/XML).
独習XML 第2章 XML文書の構成要素 2.1 XMLの文字と文字列 2.2 コメント
インラインスクリプトに対するデータフロー 解析を用いた XHTML 文書の構文検証
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
情報スキル活用 第3週 基礎技術ー3 : 学部・学科紹介のページ作成.
XMLゼミ 1.3 XML文書の表示 1.4 XMLの役割 1.5 XMLとプログラミング M2 正木 裕一.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
JXTA Shell (1) P2P特論 (ソフトウェア特論) 第4回 /
HTML の成り立ち 惑星物理学研究室 4年 安達 俊貴.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
コンピュータ プレゼンテーション.
クリアリングハウスと 空間データ交換システムの連携 - メタデータとXML - 平成11年2月10日 (株) NTTデータ 情報科学研究所
ウェッブページ書法の復習 ネットワーク論以前のお話.
XML Schema (1) ソフトウェア特論 第3回 /
XMLゼミ 3.5 DTD M2 正木 裕一.
3-1.文書と構造 3-2.整形式文書と検証済み文書 兒玉 光太郎
Microsoft Office クイックガイド ~基本編~
JavaScriptを含んだHTML文書に対する データフロー解析を用いた構文検証手法の提案
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
Webページに動きを持たせるJavascript言語について 例題のプログラムを通して体験的に理解することとします。
第14回放送授業.
JSPの基本 J2EE I (データベース論) 第8回 /
プログラミング基礎a 第9回 Java言語による図形処理入門(1) Javaアプレット入門
Microsoft Office 2010 クイックガイド ~ファイルの互換性編~
例題のプログラムを通して JavaScriptの仕組みを理解することとします。
応用Java(Java/XML) 第8回 2005年6月23日 植田龍男.
Presentation transcript:

XML ゼミ 独習 XML ~ 第 6 章 XHTML~ 6.1 XHTML の概要 6.2 XHTML の構造 谷津 哲平

XHTML とは 目的: XML 仕様のドキュメントを従来の Web ブラウザで表示する Extensible Hyper Text Markup Language ※ XML と同様に規則は厳格 HTML の多くのタグが利用できるだけでなく, XML で利用可能な ソフトウェアや仕様も活用することができる

XHTML の特徴 現在は HTML から XML へ移行するためのものでなく, Web ドキュメントの一つの形態として定着 HTML は見た目に影響を与える XML は意味,性質をタグで定義する HTML より明確な意味を持つ Web ページを XML で記述すると 検索,変換,その他の方法で利用する際に HTML より価値が増す

XHTML の用途 テキスト形式や HTML は記述された情報の意味や定義があいまいで Web 上の膨大な情報が有効につかえていない ※ XHTML は従来の Web ブラウザのような既存のソフトウェアで 効果的に利用できるように考えられている 例えば HTML における というタグは 「表題」を意味するのか 「書名」「称号」「肩書き」「資格」なのか判断できない

XHTML Basic XHTML は XML とその関連仕様全体よりも規模が小さいため 実装が容易だが携帯機器や家電製品にとってはまだ複雑 携帯電話, PDA( 携帯情報端末 ) ,ポケットベル Web ブラウザ搭載の家庭電化製品 PC に比べ資源に制約がある これらの機器に Web コンテンツを配信できるようにする マークアップ言語『 XHTML Basic 』が策定

XHTML 文書の例 (ドキュメントの内容) 名前空間の指定 DOCTYPE 宣言

XHTML の規則 ・ドキュメントのルート要素より前に, DOCTYPE 宣言が 1 個必要 ・ W3CXML1.0 の規則に従う ・ドキュメントのルート要素は ・ドキュメントのルート要素は, xmlns 属性を使って XHTML 名前空間「 」を指定する

DOCTYPE 宣言 XHTML1.0 では,次の3種類のいずれかの DOCTYPE 宣言が必要 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “DTD/xhtml1-strict.dtd”> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “DTD/xhtml1-transitional.dtd”> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “DTD/xhtml1-frameset.dtd”> XHTML1.1 では,次の DOCTYPE 宣言が必要 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “ 古いバージョンの Web ブラウザと互換性を考慮しない Web ブラウザの多くのタグを従来どおりの意味で使用 フレームを利用できる

XHTML の空白と CDATA スペース ( ) ,タブ ( ) 復帰 ( ) ,改行 ( ) フォームフィード ()… 改ページ機能付き ゼロ幅スペース (​)…xml:space 属性の値を無効化 XML で定義 空白 スクリプトやスタイルの要素は の中に書く CDATA <![CDATA[ ・・・スクリプトの内容・・・ ]]> 注釈文

XHTML 文書の表示 XHTML 文書は状況に応じて HTML 文書にも XML 文書にもなる 拡張子を html として保存拡張子を xml として保存 ※すべての XHTML ファイルを扱うプログラムがこのように解釈するわけで はない 拡張子を xhtml として保存

他の名前空間との共用 XHTML 名前空間は,ほかの XML 名前空間と共に使うことができる <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN” “ ( MathML を使った式の表現)

課題 ● XHTML 文書を作成し,拡張子を「 xhtml 」「 xml 」 「 html 」に したときのブラウザでの表示の違いをそれぞれ確認す る