Hướng dẫn xml css - xml css

Hướng dẫn xml css - xml css


Example 1.Trong ví dụ này, tệp XML được tạo có chứa thông tin về năm cuốn sách và hiển thị tệp XML bằng CSS.

    • XML file :Tạo Books.xml như sau :
      Trong ví dụ này, tệp XML được tạo có chứa thông tin về năm cuốn sách và hiển thị tệp XML bằng CSS.
      • Trong ví dụ trên, Books.xml được liên kết với Rule.css chứa các quy tắc biểu định kiểu tương ứng.
        Tạo Books.xml như sau :
    • CSS FILE :Tạo Rule.css như sau:

      • Output :
        Tạo Rule.css như sau:

Hướng dẫn xml css - xml css

Example 2.Trong ví dụ này, tệp XML được tạo có chứa thông tin về các phần khác nhau trong CodeLean và các chủ đề chúng chứa và sau đó hiển thị tệp XML bằng CSS.XML file :Tạo file Section.xml như sau :

Hướng dẫn xml css - xml css

      • Trong ví dụ trên, Mục XML được liên kết với CodeLean.css chứa các quy tắc biểu định kiểu tương ứng.
        Trong ví dụ này, tệp XML được tạo có chứa thông tin về các phần khác nhau trong CodeLean và các chủ đề chúng chứa và sau đó hiển thị tệp XML bằng CSS.
        • XML file :
          Tạo file Section.xml như sau :

          Hướng dẫn xml css - xml css

          CSS FILE :Tạo file CodeLean.css như sau:

        • Ưu điểm của việc hiển thị XML bằng CSS:
          Tạo file CodeLean.css như sau:

Hướng dẫn xml css - xml css

Hướng dẫn xml css - xml css

      • Example 2.Trong ví dụ này, tệp XML được tạo có chứa thông tin về các phần khác nhau trong CodeLean và các chủ đề chúng chứa và sau đó hiển thị tệp XML bằng CSS.XML file :Tạo file Section.xml như sau :
        Hướng dẫn xml css - xml css
        • Trong ví dụ trên, Mục XML được liên kết với CodeLean.css chứa các quy tắc biểu định kiểu tương ứng.

          1. CSS FILE :Tạo file CodeLean.css như sau:
          2. Ưu điểm của việc hiển thị XML bằng CSS:
          3. CSS được sử dụng trong XML hoặc HTML để trang trí các trang.Vì vậy, trình tải trang nhanh hơn.

          CSS được sử dụng cho giao diện tương tác, do đó người dùng có thể hiểu được.

          1. CSS cho phép nhiều trang chia sẻ định dạng và giảm độ phức tạp và lặp lại trong nội dung cấu trúc. Vì vậy, trình tải trang nhanh hơn.
          2. Nhược điểm của việc hiển thị XML bằng CSS:Vì vậy, lập trình viên phải chạy mã trong trình duyệt khác nhau và kiểm tra tính tương thích của nó để đăng trực tiếp.
          3. Sử dụng CSS, không có phép chuyển đổi nào có thể được áp dụng cho các tài liệu XML.

          CSS sử dụng các kích thước khác nhau với các trình duyệt khác nhau. Vì vậy, lập trình viên phải chạy mã trong trình duyệt khác nhau và kiểm tra tính tương thích của nó để đăng trực tiếp.

          BookInfo.xml 

          Hướng dẫn xml css - xml css

          Hướng dẫn xml css - xml css

          Hướng dẫn xml css - xml css

          Hướng dẫn xml css - xml css

          Book.css

          Hướng dẫn xml css - xml css

          Hướng dẫn xml css - xml css

          1. CSS có các cấp độ phiên bản khác nhau, vì vậy nó gây nhầm lẫn cho trình duyệt và người dùng.
          2. Hướng dẫn xml css - xml css

          Làm cho XML của bạn trông như thế nào bạn muốn nó để với Cascading Style Sheets

          Tạo một tài liệu XML, viết DTD và phân tích cú pháp nó với một trình duyệt là tất cả, nhưng làm thế nào để tài liệu hiển thị khi bạn xem nó? XML không phải là ngôn ngữ hiển thị. Trên thực tế, các tài liệu được viết bằng XML sẽ không có định dạng nào cả.

          Vì vậy, Làm thế nào để tôi xem XML của tôi?

          Chìa khóa để xem XML trong trình duyệt là Cascading Style Sheets. Các bảng định kiểu cho phép bạn xác định mọi khía cạnh của tài liệu XML của bạn, từ kích thước và màu sắc của văn bản đến nền và vị trí của các đối tượng không phải văn bản của bạn.

          Giả sử bạn có một tài liệu XML:

          ]>

          Judy Layard Jennifer Brendan

          Nếu bạn đã xem tài liệu đó trong một trình duyệt sẵn sàng XML, chẳng hạn như Internet Explorer, nó sẽ hiển thị một cái gì đó như thế này:

          Judy Layard Jennifer Brendan

          Nhưng nếu bạn muốn phân biệt giữa các phần tử cha và con? Hoặc thậm chí tạo sự khác biệt trực quan giữa tất cả các phần tử trong tài liệu. Bạn không thể làm điều đó với XML, và nó không phải là một ngôn ngữ có nghĩa là được sử dụng để hiển thị.

          Nhưng may thay, rất dễ sử dụng Cascading Style Sheets hoặc CSS, trong tài liệu XML để xác định cách bạn muốn các tài liệu và ứng dụng đó hiển thị khi được xem trong trình duyệt. Đối với tài liệu trên, bạn có thể xác định kiểu của từng thẻ giống như cách bạn làm với tài liệu HTML.

          Ví dụ: trong HTML, bạn có thể muốn xác định tất cả văn bản trong các thẻ đoạn (

          ) với phông chữ Verdana, Geneva hoặc Helvetica và màu nền xanh lục. Để xác định rằng trong một biểu định kiểu để tất cả các đoạn văn giống như vậy, bạn sẽ viết:

          p {font-family: verdana, geneva, helvetica; màu nền: # 00ff00; }

          Các quy tắc tương tự làm việc với các tài liệu XML. Mỗi thẻ trong XML có thể được định nghĩa trong tài liệu XML:

          family {color: # 000000; } cha mẹ {font-family: Arial Black; màu: # ff0000; border: solid 5px; chiều rộng: 300px; } con {font-family: verdana, helvetica; màu: # cc0000; border: solid 5px; màu đường viền: # cc0000; }

          Một khi bạn có tài liệu XML của bạn và bảng định kiểu của bạn được viết, bạn cần phải đặt chúng lại với nhau. Tương tự như lệnh liên kết trong HTML, bạn đặt một dòng ở trên cùng của tài liệu XML của bạn (bên dưới khai báo XML), nói cho trình phân tích cú pháp XML biết nơi để tìm biểu định kiểu. Ví dụ:

          Như tôi đã nói ở trên, dòng này nên được tìm thấy bên dưới khai báo Nhưng trước bất kỳ phần tử nào trong tài liệu XML.

          Đặt tất cả lại với nhau, tài liệu XML của bạn sẽ đọc:

          < ! ELEMENT child (#PCDATA)>]>

          Judy Layard Jennifer Brendan