Extension:Semantic Glossary/Example


 * Create a page 'Hypertext Markup Language' and insert the following text (taken from wikipedia):

HTML is the predominant markup language for web pages. HTML elements are the basic building-blocks of webpages. Web browsers can refer to CSS to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicitly presentational HTML markup. In 1980, physicist Tim Berners-Lee, who was a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. Berners-Lee considered HTML to be an application of SGML. It was formally defined as such by the IETF with the mid-1993 publication of the first proposal for an HTML specification.

* Create a page 'Cascading Style Sheet' and insert the following text:


 * Abbreviation: Glossary-Term::CSS
 * Definition: Glossary-Definition::Cascading Style Sheet

* Create similar pages for 'CERN', 'ENQUIRE', 'SGML', 'IETF'

* Go back to the page 'Hypertext Markup Language'. The abbreviations should be underlined and when you hover over them the Definition should appear.

* To provide links with the tooltips, define the Glossary-Link property for the pages, e.g. go to 'Cascading Style Sheet' and modify it so it looks like this:


 * Abbreviation: Glossary-Term::CSS
 * Definition: Glossary-Definition::Cascading Style Sheet
 * Link: Glossary-Link::Cascading Style Sheet

* Go back to the page 'Hypertext Markup Language' to see the effect

* You can also provide interwiki links, e.g. on the 'Cascading Style Sheet' try replacing the line with the link by


 * Link: Glossary-Link::wikipedia:Cascading Style Sheet

* If you want, create a page 'Glossary' and put the following query in it: