![]() Don’t use attribute minimization, e.g.Include close tags for elements that can have content but are empty, e.g.Use empty-element syntax on elements specified as empty in HTML, e.g.The code editor will warn you if you are writing non-XHTML code, but fixing the issue is up to you, but this should be pretty easy since you often simply need to: For example, while is valid HTML, it would be required to write in XHTML. Basically, XHTML requires that there be an end tag to every start tag and all nested tags must be closed in the right order. It does not allow omission of any tags or use of attribute minimization. XHTML is a family of XML languages which extend or mirror versions of HTML. Though we often use the terms HTML and XHTML indifferently throughout the documentation, PubCoder pages are actually XHTML files, since this format ensure compatibility with EPUB format and better tooling for code parsing and handling. SCContent container we finally have our text object with class SCText. The structure of the body provides a container div for the page, which always has classes SCPage and SCPage, which encapsulates the two layers of your page: one with the contents of the overlay page (in a div with class SCOverlay, which here is empty) and another one, below the overlay, with the actual contents of your page (in a div with class SCContent).Īs you can see, inside the. 1 Hello, world! Īs you can see the code is very clean & simple: after declaring some namespaces and meta tags, we import the required CSS and Javascript, both generic code and code specific to your page in styles.css and actions.js. Here’s an example of the HTML page file for an “Hello World” page made with PubCoder, that is a page containing only a text box saying “Hello, world!” Javascript file containing framework initialization, code for all interactictivity on the page, and eventually including your custom Javascript code The CSS file containing styles for the page and object, eventually including your custom CSS code The HTML page file with the page contents Page Structureįor each page, PubCoder outputs a folder containing three files: /page.xhtml In this section, we analyze more deeply the code outputted by PubCoder to create your pages and objects, so that you can undestand how to how interact with it using your own code. Opens the ACE help page that lists keyboard shortcutsįinally, when editing XHTML, the editor automatically checks that the code entered is valid XHTML, giving a warning if it is not. When editing CSS, opens a window that allows to replace fonts definitions On top of the editor, you can find a toolbar with buttons for the various code editor functionalities. Layers: visible only when editing page-level code, it lists all layers in your page, double-click one to insert a reference to an object. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |