leo200149/Web-getting-start

認識html/xml

leo200149 opened this issue · 0 comments

leo200149 commented

推薦教學網站：W3CSchool

html 及 xml都是一種標籤式語言，差別在於用途不同

標籤式語言

  1. 必須由起始標籤<tag>及結束標籤</tag>結尾，方為完整的標籤
  2. 起始標籤內可定義屬性(attribute) 如<tag id="1",abc="test"></tag>
  3. 標籤內可有多個子標籤，也可稱為子元素(element)，或是子節點(node)如下所示
<node>
    <node></node>
    <tag></tag>
    <abc>
        <node></node>
    </abc>
</node>
  1. 不可跨標籤，如<AA><BBB></AA></BBB>

XML

可延伸標記式語言（Extensible Markup Language）

XML設計用來傳送及攜帶資料資訊，不用來表現或展示資料，
所以XML用途的焦點是它說明資料是什麼，以及攜帶資料資訊。

  1. XML文件都由XML序言開始 <?xml version="1.0"?> 告知解析器或瀏覽器按照XML規則進行解析此檔。
  2. 常用來做為後設資料、配置文件。
  3. 可用DTD(Document Type Definition)定義XML文件中的元素、元素的屬性、元素的排列方式、元素包含的内容等等。

Sample

<?xml version="1.0"?>
<小纸条>
 <收件人>大元</收件人>
 <發件人>小張</發件人>
 <主題>問候</主題>
 <具體內容>早啊，飯吃了沒？ </具體內容>
</小纸条>

HTML

超文件標示語言（HyperText Markup Language）

是一種用於建立網頁的標準標示語言，
常與CSS、JavaScript一起被眾多網站用於設計令人賞心悅目的網頁、網頁應用程式以及行動應用程式的使用者介面，
網頁瀏覽器可以讀取HTML檔案，並將其彩現成視覺化網頁。

  1. HTML 文件最外層固定為<html></html>標籤。
  2. 第二層有<head></head>用於記錄頁面設定，<body></body>用於表示畫面資訊。
  3. 大多搭配css設定完成網頁畫面，html設定元素結構，css設定樣式，網頁瀏覽器將其彩現成視覺化網頁。

Sample

<!DOCTYPE html>
<html>
   <head>
     <title>这是标题</title>
   </head>
   <body>
     <p>Hello world!</p>
   </body>
</html>