" }), " element belongs to the ", _jsx(_components.code, { children: "tech" }), " namespace"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "bio:author" }), " uses ", _jsx(_components.code, { children: "<http://www.example.com/bio>" }), " as the namespace, indicating that this ", _jsx(_components.code, { children: "<author>" }), " element belongs to the ", _jsx(_components.code, { children: "bio" }), " namespace"] }), "\n"] }), "\n", _jsxs(_components.h2, { id: "how-is-xml-used-in-logto", children: ["How is XML used in Logto?", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#how-is-xml-used-in-logto", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "Logto supports SAML protocol for SSO. When configuring SSO, the identity provider provides an XML format configuration file that includes important configurations such as certificates and single sign-on URLs." }), "\n", _jsx(_components.p, { children: "When configuring SAML SSO, Logto allows for directly uploading the XML configuration file obtained from the identity provider, eliminating the need to manually fill in each configuration item." })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { headings, readingTime, frontmatter, default: MDXContent }; </article></body></html>

"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const headings = [{ "data": { "id": "xml-content-example", "hProperties": { "id": "xml-content-example" } }, "depth": 2, "value": "XML content example" }, { "data": { "id": "what-is-xml-schema", "hProperties": { "id": "what-is-xml-schema" } }, "depth": 2, "value": "What is XML schema?" }, { "data": { "id": "what-is-xml-syntax", "hProperties": { "id": "what-is-xml-syntax" } }, "depth": 2, "value": "What is XML syntax?" }, { "data": { "id": "xml-vs-html", "hProperties": { "id": "xml-vs-html" } }, "depth": 2, "value": "XML vs HTML" }, { "data": { "id": "how-is-xml-used-in-logto", "hProperties": { "id": "how-is-xml-used-in-logto" } }, "depth": 2, "value": "How is XML used in Logto?" }]; const readingTime = { "minutes": 3, "words": 913, "text": "3 min read" }; const frontmatter = undefined; function _createMdxContent(props) { const _components = { a: "a", code: "code", h2: "h2", li: "li", ol: "ol", p: "p", pre: "pre", span: "span", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.p, { children: "Extensible Markup Language (XML) uses tags to indicate how text in data files should be structured, stored, and transmitted. XML is designed to be readable by both humans and machines, making it a powerful and highly customizable markup tool." }), "\n", _jsx(_components.p, { children: "XML was created by the World Wide Web Consortium (W3C) in 1996. The W3C's goal was to create a language that could help define document types and provide the ability to create custom tags. The resulting markup language type allows for defining how data on a page is marked up before sharing it as an XML file with another system. As long as two systems use the same XML language (with tags they can both interpret), both systems can \"understand\" the XML file format. When XML is properly deployed, this ensures that any data file can be stored, transmitted, and then used, reproducing exactly the same data and structure each time it is accessed." }), "\n", _jsxs(_components.h2, { id: "xml-content-example", children: ["XML content example", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#xml-content-example", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "XML data consists of text in a digital file. Similar to HTML, you create the necessary \"code\" for XML files by inserting tags to indicate how the text should be interpreted. For example:" }), "\n", _jsx(_components.p, { children: "This example shows three users. The XML content includes name, username, email, and user level." }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-xml", children: "\n\n \n John Smith\n johnsmith\n johnsmith@example.com\n Free\n \n \n Emily Johnson\n emilyjohnson\n emilyjohnson@example.com\n Pro\n \n \n Michael Brown\n michaelbrown\n michaelbrown@example.com\n Premium\n \n\n" }) }), "\n", _jsx(_components.p, { children: "This creates an XML document that can be shared and read between identity providers and resource providers." }), "\n", _jsx(_components.p, { children: "Importantly, the above example demonstrates the hierarchical nature of XML documents. For instance:" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["The content of the first line ", _jsx(_components.code, { children: "" }), " is the XML declaration, which specifies the version and encoding"] }), "\n", _jsxs(_components.li, { children: ["In an XML document, there must be a root element, which in this example is ", _jsx(_components.code, { children: "" })] }), "\n", _jsx(_components.li, { children: "All other elements contained within the root element are called \"child elements\"" }), "\n", _jsxs(_components.li, { children: ["In the above example, there are 3 child elements, marked with the ", _jsx(_components.code, { children: "" }), " tag"] }), "\n", _jsxs(_components.li, { children: ["Within the ", _jsx(_components.code, { children: "" }), " child elements, there are several other child elements, such as ", _jsx(_components.code, { children: "" }), ", ", _jsx(_components.code, { children: "" }), ", ", _jsx(_components.code, { children: "" }), ", and ", _jsx(_components.code, { children: "" })] }), "\n", _jsxs(_components.li, { children: ["On the ", _jsx(_components.code, { children: "" }), " tag, there's also an ", _jsx(_components.code, { children: "id" }), ", which is called an XML attribute. An element cannot contain multiple attributes with the same name"] }), "\n"] }), "\n", _jsx(_components.p, { children: "The tags used show what each type of data is, with plain text serving as the data itself. Note also how the content is indented. This is not to help systems process the XML file, but to help humans more easily browse the XML file and its hierarchical order to discover and resolve any errors or omissions." }), "\n", _jsxs(_components.h2, { id: "what-is-xml-schema", children: ["What is XML schema?", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#what-is-xml-schema", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "A schema acts as the \"definition\" for an XML document. This means it describes the key rules and constraints of the XML file structure, as well as controls on content and data types—controlling how they interact with each other in the document. This ensures that the data integrity of the XML is protected at all times, even when handled between different applications or even systems." }), "\n", _jsx(_components.p, { children: "The two main schema languages are Document Type Definition (DTD) and XML Schema Definition (XSD). XSD is the most commonly used language in XML documents due to its rich feature set, powerful data type capabilities, and more." }), "\n", _jsxs(_components.h2, { id: "what-is-xml-syntax", children: ["What is XML syntax?", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#what-is-xml-syntax", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "If XML schemas like XSD are all about detailed specifications for XML documents to ensure their validity, then XML syntax provides a set of rules that govern and control the overall structure of XML files. For example, XML syntax can cover text content, such as self-closing elements (single pieces of information requiring no additional content) or XML declarations (used at the beginning of documents to describe key information, such as character encoding), as well as the XML version used by the document." }), "\n", _jsxs(_components.h2, { id: "xml-vs-html", children: ["XML vs HTML", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#xml-vs-html", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "If you're familiar with HTML, the way XML files deploy markup will look very familiar—but there's a key difference between these two markup languages—their use cases and purposes differ:" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "HTML is a Markup Language used to help browsers understand how to display content on screen" }), "\n", _jsx(_components.li, { children: "XML is a Markup Language used to store, display, and transfer data" }), "\n"] }), "\n", _jsx(_components.p, { children: "Besides this, they have some other differences:" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "Because HTML is for rendering page content for browsers, its tag types are predefined, while XML tags can be customized according to actual situations" }), "\n", _jsx(_components.li, { children: "HTML is often static as it's used to display content; XML is dynamic as it's used to transfer data" }), "\n", _jsx(_components.li, { children: "HTML doesn't support namespaces, while XML can use namespaces to distinguish tags that might have the same name but different contexts to avoid confusion" }), "\n"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-xml", children: "\n Introduction to XML\n John Doe\n\n" }) }), "\n", _jsx(_components.p, { children: "In this example:" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "tech:title" }), " uses ", _jsx(_components.code, { children: "" }), " as the namespace, indicating that this ", _jsx(_components.code, { children: "" }), " element belongs to the ", _jsx(_components.code, { children: "tech" }), " namespace"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "bio:author" }), " uses ", _jsx(_components.code, { children: "<http://www.example.com/bio>" }), " as the namespace, indicating that this ", _jsx(_components.code, { children: "<author>" }), " element belongs to the ", _jsx(_components.code, { children: "bio" }), " namespace"] }), "\n"] }), "\n", _jsxs(_components.h2, { id: "how-is-xml-used-in-logto", children: ["How is XML used in Logto?", _jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#how-is-xml-used-in-logto", children: _jsx(_components.span, { children: "#" }) })] }), "\n", _jsx(_components.p, { children: "Logto supports SAML protocol for SSO. When configuring SSO, the identity provider provides an XML format configuration file that includes important configurations such as certificates and single sign-on URLs." }), "\n", _jsx(_components.p, { children: "When configuring SAML SSO, Logto allows for directly uploading the XML configuration file obtained from the identity provider, eliminating the need to manually fill in each configuration item." })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { headings, readingTime, frontmatter, default: MDXContent }; </article></body></html>