Html, Xml, 그리고 시맨틱웹

1,378 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,378
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html, Xml, 그리고 시맨틱웹

  1. 1. HTML, XML andSemantic Web<br />관동의대 명지병원IT융합 연구소<br />정 지 훈<br />
  2. 2. HTML<br />
  3. 3. What is HTML?<br />Publish online documents with headings, text, tables, lists, photos, etc.<br />Retrieve online information via hypertext links, at the click of a button.<br />Design forms for conducting transactions with remote services, for use in searching for information, making reservations, ordering products, etc.<br />Include spread-sheets, video clips, sound clips, and other applications directly in their documents.<br />
  4. 4. CSS<br />Language for describing the presentation of Web pages<br />Colors, Layout, and Fonts <br />Allows to adapt the presentation to different types of devices, such as large screens, small screens, or printers. <br />CSS is independent of HTML and can be used with any XML-based markup language. <br />The separation of HTML from CSS makes it easier to maintain sites, share style sheets across pages, and tailor pages to different environments. <br />This is referred to as the separation of structure (or: content) from presentation.<br />
  5. 5. Example<br /><title>My first HTML document</title><br /><h1>An important heading</h1><br /><h2>A slightly less important heading</h2><br /><p>This is the first paragraph.</p><br /><p>This is the second paragraph.</p><br />
  6. 6. Example: Image and Link<br /><imgsrc="peter.jpg" width="200" height="150"><br /><imgsrc="peter.jpg" width="200" height="150" alt="My friend Peter"><br />This a link to <a href="peter.html">Peter's page</a><br />This is a link to <a href="http://www.w3.org/">W3C</a><br /><a href="/"><imgsrc="logo.gif" alt="home page"></a><br />
  7. 7. Head and Body<br /><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <br /><html> <br /><head> <br /> <title> replace with your document's title </title><br /></head> <br /><body> <br /> replace with your document's content <br /></body><br /></html><br />
  8. 8. XML<br />
  9. 9. What is XML?<br />Extensible<br />Lets you define your own tags, the order in which they occur, and how they should be processed or displayed. <br />Markup Language<br />XML is a language that’s very similar to HTML.<br />It’s much more flexible than HTML because it allows you to create your own custom tags. <br />It’s important to realize that XML is not just a language. <br />XML is a meta-language: a language that allows us to create or define other languages. <br />Example<br />With XML we can create other languages, such as RSS, MathML (a mathematical markup language), and even tools like XSLT. <br />
  10. 10. Address Example: External to HTML <br />External Presentation:<br />정지훈<br />서울 관악구 신림동<br />서울대학교<br />HTML tags are still<br />presentation-oriented<br />HTML Markup:<br /><em>정지훈</em><br /><br><br />서울 관악구 신림동<br /><br><br /><strong>서울대학교</strong><br />
  11. 11. Address Example: HTML to XML<br />HTML Markup:<br />While not conveying<br />any formal semantics:<br /><em>정지훈</em><br /><br><br />서울 관악구 신림동<br /><br><br /><strong>서울대학교</strong><br />XML tags are chosen for<br />content-structuring needs<br />XML Markup:<br /><address><br /><name>정지훈</name><br /><street>서울 관악구 신림동</street><br /><town>서울대학교</town><br /></address><br />
  12. 12. Address Example: XML to External <br />XML Markup:<br /><address><br /><name>정지훈</name><br /><street>서울 관악구 신림동</street><br /><town>서울대학교</town><br /></address><br />XML stylesheets are,<br />e.g., usable to generate<br />different presentations<br />External Presentations:<br />정지훈<br />서울 관악구 신림동<br />서울대학교<br />정지훈<br />서울 관악구 신림동<br />서울대학교<br />. . .<br />
  13. 13. Document Type Tree:<br />address<br />name<br />street<br />town<br />PCDATA<br />PCDATA<br />PCDATA<br />Address Example:Document Type Definition<br />Document Type Definition (DTD):<br />Extended Backus-Naur Form (EBNF):<br /><!ELEMENT address (name, street, town) ><br /><!ELEMENT name (#PCDATA) ><br /><!ELEMENT street (#PCDATA) ><br /><!ELEMENT town (#PCDATA) ><br />address ::= namestreettown<br />name ::= PCDATA<br />street ::= PCDATA<br />town ::= PCDATA<br />
  14. 14. A Complete XML Document Referring to an External DTD<br />XML Instance Document Referring to DTD (via root element):<br /><?xml version="1.0" standalone="no"?><br /><!DOCTYPE address SYSTEM "address.dtd"><br /><address><br /> <name>정지훈</name><br /> <street>서울 관악구 신림동</street> <br /> <town>서울대학교</town><br /></address><br />The XML declaration uses standalone attribute with "no" value: DTD import<br />The DOCument TYPE declaration names the root element address and, after the SYSTEM keyword, refers to an external DTD at "address.dtd"<br />
  15. 15. XML Schema Definition<br />Equivalent XML Schema Definition (XSD):<br /><?xml version="1.0"?><br /><xsd:schemaxmlns:xsd="http://www.w3.org/2001/XMLSchema"><br /> <xsd:element name="address"><br /> <xsd:complexType><br /> <xsd:sequence><br /> <xsd:element name="name" type="xsd:string"/><br /> <xsd:element name="street" type="xsd:string"/> <br /> <xsd:element name="town" type="xsd:string"/><br /> </xsd:sequence> <br /> </xsd:complexType><br /> </xsd:element><br /></xsd:schema><br />
  16. 16. Semantic Web<br />
  17. 17. Activity Stream<br />
  18. 18. ATOM + ActivityStreams<br />

×