{"id":284,"date":"2017-04-04T18:20:48","date_gmt":"2017-04-04T15:20:48","guid":{"rendered":"https:\/\/opusliberum.com\/?page_id=284\/"},"modified":"2017-04-04T18:20:48","modified_gmt":"2017-04-04T15:20:48","slug":"typographia","status":"publish","type":"page","link":"https:\/\/opusliberum.com\/sv\/typographia\/","title":{"rendered":"Typographia"},"content":{"rendered":"<h2>Headers<\/h2>\n<p>Headers are used to describe such elements as website name, slogan, section titles. HTML and XHTML specifications define 6 levels of headers, where h1 is the most important and h6 is the least important.<\/p>\n<h1>Header 1<\/h1>\n<h2>Header 2<\/h2>\n<h3>Header 3<\/h3>\n<h4>Header 4<\/h4>\n<h5>Header 5<\/h5>\n<h6>Header 6<\/h6>\n<h2>Links<\/h2>\n<p><a href=\"http:\/\/archstl.org\/webdev\/page\/typography-test-page\">Local link<\/a><br \/>\n<a class=\"visited\" href=\"http:\/\/www.google.com\/\">Visited link<\/a><br \/>\n<a class=\"external\" href=\"http:\/\/www.google.com\/\">External link<\/a><br \/>\n<a href=\"https:\/\/www.google.com\/\">External link with encrypted connection<\/a><br \/>\n<a href=\"http:\/\/archstl.org\/webdev\/page\/%20%3Cscript%20language=%27JavaScript%27%20type=%27text\/javascript%27%3E%20%3C%21--%20var%20prefix%20=%20%27mailto:%27;%20var%20suffix%20=%20%27%27;%20var%20attribs%20=%20%27%27;%20var%20path%20=%20%27hr%27%20+%20%27ef%27%20+%20%27=%27;%20var%20addy11075%20=%20%27admin%27%20+%20%27@%27;%20addy11075%20=%20addy11075%20+%20%27test%27%20+%20%27.%27%20+%20%27com%27;%20document.write%28%20%27%3Ca%20%27%20+%20path%20+%20%27%5C%27%27%20+%20prefix%20+%20addy11075%20+%20suffix%20+%20%27%5C%27%27%20+%20attribs%20+%20%27%3E%27%20%29;%20document.write%28%20addy11075%20%29;%20document.write%28%20%27%3C%5C\/a%3E%27%20%29;%20\/\/--%3E%20%3C\/script%3E%3Cscript%20language=%27JavaScript%27%20type=%27text\/javascript%27%3E%20%3C%21--%20document.write%28%20%27%3Cspan%20style=%5C%27display:%20none;%5C%27%3E%27%20%29;%20\/\/--%3E%20%3C\/script%3ES%C3%A4hk%C3%B6postiosoite%20on%20suojattu%20roskapostiohjelmia%20vastaan,%20Javascript-tuen%20tulee%20olla%20p%C3%A4%C3%A4ll%C3%A4%20n%C3%A4hd%C3%A4ksesi%20osoitteen%20%3Cscript%20language=%27JavaScript%27%20type=%27text\/javascript%27%3E%20%3C%21--%20document.write%28%20%27%3C\/%27%20%29;%20document.write%28%20%27span%3E%27%20%29;%20\/\/--%3E%20%3C\/script%3E\">E-mail link<\/a><\/p>\n<h2>Block elements<\/h2>\n<h3>Block quote<\/h3>\n<blockquote cite=\"http:\/\/en.wikipedia.org\/wiki\/Blockquote\"><p>The blockquote element is used to indicate the quotation of a bigger section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form.<cite>Wikipedia, The Free Encyclopedia<\/cite><\/p><\/blockquote>\n<h3>Preformated text<\/h3>\n<pre>    ___                        _\r\n   \/   \\_ __ _   _ _ __   __ _| |   \/\/ This is preformated text\r\n  \/ \/\\ \/ '__| | | | '_ \\ \/ _` | |\r\n \/ \/_\/\/| |  | |_| | |_) | (_| | |\r\n\/___,' |_|   \\__,_| .__\/ \\__,_|_|\r\n                  |_|<\/pre>\n<div>\n<h2>Phrase elements<\/h2>\n<h3>em<\/h3>\n<p>Element used to <em>put emphasis on certain information<\/em>. Most browsers display emphased text in italics by default.<\/p>\n<p>Sample: <em>This is emphasied text<\/em>.<\/p>\n<h3>strong<\/h3>\n<p>This element stands for &#8221;stronger emphasis&#8221; and is used for marking more important text.<\/p>\n<p>Sample: <strong>This is text with stronger emphasis<\/strong><\/p>\n<h3>cite<\/h3>\n<p>According to <cite>W3C specification<\/cite>, we use <code>cite<\/code> element to define source of a quotation or reference.<\/p>\n<p>Sample: <cite>This is quotation source<\/cite><\/p>\n<h3>dfn<\/h3>\n<p>Element used to markup inline definition of a single term.<\/p>\n<p>Sample: <dfn>This is definition<\/dfn><\/p>\n<h3>code<\/h3>\n<p>This element informs the browser that it contains a computer code, such as XHTML markup.<\/p>\n<p>Sample: <code>document.write(\"Hello world\");<\/code><\/p>\n<h3>samp<\/h3>\n<p>Defines computer output data, for example we can use it to markup error messages<\/p>\n<p>Sample:<\/p>\n<p><samp>Error: no such file or directory<\/samp><\/p>\n<h3>kbd<\/h3>\n<p>Means information that should be entered by the user.<\/p>\n<p>Sample: press <kbd>Alt + F4<\/kbd> to close this window. <kbd>ESC<\/kbd><\/p>\n<h3>var<\/h3>\n<p>Means variables used in computer programs or scripts.<\/p>\n<p>Sample: <var>counter<\/var><\/p>\n<h3>abbr<\/h3>\n<p>Abbreviation \/ a shortened form of a word or phrase<\/p>\n<p>Sample: <abbr title=\"doctor\">dr<\/abbr><\/p>\n<h3>acronym<\/h3>\n<p>Acronym \/ a word formed from the initial letters of other words<\/p>\n<p>Sample acronyms: <acronym title=\"eXtensible HyperText Markup Language\">XHTML<\/acronym><\/p>\n<h3>q<\/h3>\n<p>Inline quotation<\/p>\n<p>Sample: <q>This is sample quotation<\/q><\/p>\n<\/div>\n<div id=\"lists\">\n<h2>Lists<\/h2>\n<h3>Unordered List<\/h3>\n<ul>\n<li>Apple<\/li>\n<li>Pear<\/li>\n<li>Banana<\/li>\n<li>Orange<\/li>\n<li>Carrot<\/li>\n<\/ul>\n<h3>Ordered List<\/h3>\n<ol>\n<li>First<\/li>\n<li>Second<\/li>\n<li>Third<\/li>\n<li>Fourth<\/li>\n<\/ol>\n<h3>Definition List<\/h3>\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>This is a definition list division.<\/dd>\n<dt>Inkscape<\/dt>\n<dd>Open Source vector graphics editor<\/dd>\n<dt>SVG<\/dt>\n<dd>Scalable Vector Graphics<\/dd>\n<dd>W3C standard<\/dd>\n<dt>GIMP<\/dt>\n<dd>GNU Image Manipulation Program<\/dd>\n<dt>Drupal<\/dt>\n<dd>Content Management System<\/dd>\n<\/dl>\n<h3>Nested lists<\/h3>\n<ol>\n<li>one, two\n<ol>\n<li>buckle my shoe<\/li>\n<\/ol>\n<\/li>\n<li>three, four\n<ol>\n<li>knock at the door<\/li>\n<\/ol>\n<\/li>\n<li>Five, six\n<ol>\n<li>pick up sticks<\/li>\n<\/ol>\n<\/li>\n<li>Seven, eight, lay them straight\n<ol>\n<li>Nine, ten, a big fat hen<\/li>\n<li>Eleven, twelve, dig and delve<\/li>\n<li>Thirteen, fourteen, maids a\u2019courting<\/li>\n<li>Fifteen, sixteen, maids in the kitchen<\/li>\n<li>Seventeen, eighteen, maids a\u2019waiting<\/li>\n<li>Nineteen, twenty, my platter\u2019s empty \u2026<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/div>\n<div id=\"paragraphs\">\n<h2>Paragraphs<\/h2>\n<p>According to Wikipedia: a paragraph (from the Greek <a href=\"http:\/\/archstl.org\/webdev\/page\/typography-test-page\">paragraphos<\/a>, &#8221;to write beside&#8221; or &#8221;written beside&#8221;) is a self-contained unit of a discourse in writing dealing with a particular point or idea. The start of a paragraph is indicated by beginning on a new line. Sometimes the first line is indented; sometimes it is indented without beginning a new line.<\/p>\n<p>A paragraph typically consists of a unifying main point, thought, or idea accompanied by supporting details. The non-fiction paragraph usually begins with the general and moves towards the more specific so as to advance an argument or point of view. Each paragraph builds on what came before and lays the ground or run the length of multiple pages, and may consist of one or many sentences. When dialogue is being quoted in fiction, a new paragraph is used each time the person being quoted changed.<\/p>\n<p>In (X)HTML, the p element marks a block of text as a paragraph &#8211; the opening tag &lt;p&gt; marks the beginning of a paragraph, and the closing tag &lt;\/p&gt; marks the end of a paragraph. The end tag is optional for legacy HTML as the browser automatically starts another paragraph at the next &lt;p&gt; tag, or the nextblock element.<\/p>\n<\/div>\n<div id=\"tables\">\n<h2>Tables<\/h2>\n<table>\n<caption>Table title goes here<\/caption>\n<thead>\n<tr>\n<th>Mauris<\/th>\n<th>Tempor<\/th>\n<th>Praesent lacus nulla<\/th>\n<th>Quis<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"odd\">\n<td>Mauris<\/td>\n<td>23.000<\/td>\n<td>Suspendisse viverra<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>Trupis<\/td>\n<td>1.000<\/td>\n<td>Placerat tortor aesent semper<\/td>\n<td>No<\/td>\n<\/tr>\n<tr class=\"odd\">\n<td>Sagittis<\/td>\n<td>122.000<\/td>\n<td>Neque vel condimentum<\/td>\n<td>No<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>Libero<\/td>\n<td>500<\/td>\n<td>Hendrerit, lectus elit pretium<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr class=\"odd\">\n<td>Tristique<\/td>\n<td>100.000<\/td>\n<td>Ligula nec consequat<\/td>\n<td>Yes<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>Id Neque<\/td>\n<td>600.000<\/td>\n<td>Etiam sodales orci nec<\/td>\n<td>No<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div id=\"others\">\n<h2>Other elements<\/h2>\n<h3>Subscript and superscript samples<\/h3>\n<p>H<sub>2<\/sub>O,<\/p>\n<p>E = mc<sup>2<\/sup>,<\/p>\n<p>The 14<sup>th<\/sup> of September<\/p>\n<h3>Insertion and deletion samples<\/h3>\n<p><ins title=\"Added new information according to suggestions\" datetime=\"2009-07-12T08:15:30+02:00\">This information was just added.<\/ins><br \/>\n<del>While this information is no longer valid.<\/del><\/p>\n<h3>Presentational elements<\/h3>\n<p><strong>Bold text<\/strong><br \/>\n<em>Italic text<\/em><br \/>\n<tt>Typewriter text<\/tt><br \/>\n<big>Big<\/big><br \/>\n<small>Small<\/small><\/p>\n<p>Horizontal rule:<\/p>\n<hr \/>\n<h3>UTF-8 test<\/h3>\n<p>\u00c4, \u00e4, \u00d6, \u00f6, \u00dc, \u00fc, \u00df<\/p>\n<p>\u0160 \u0164 \u017d \u013d \u010c \u011a \u010e \u0147 \u0158 \u016e \u0139<\/p>\n<p>\u0425\u0426\u0427\u0428\u0429\u042c\u042b\u042a\u042d\u042e\u042f<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Headers Headers are used to describe such elements as website name, slogan, section titles. HTML and XHTML specifications define 6 levels of headers, where h1 is the most important and h6 is the least important. Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Links Local link Visited link External link External&#8230; <a class=\"moretag clearfix\" href=\"https:\/\/opusliberum.com\/sv\/typographia\/\">L\u00e4s mer \u00bb<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-284","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Typographia - Opus Liberum<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/opusliberum.com\/sv\/typographia\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typographia - Opus Liberum\" \/>\n<meta property=\"og:description\" content=\"Headers Headers are used to describe such elements as website name, slogan, section titles. HTML and XHTML specifications define 6 levels of headers, where h1 is the most important and h6 is the least important. Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Links Local link Visited link External link External... L\u00e4s mer \u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/opusliberum.com\/sv\/typographia\/\" \/>\n<meta property=\"og:site_name\" content=\"Opus Liberum\" \/>\n<meta property=\"og:image\" content=\"https:\/\/opusliberum.com\/wp-content\/uploads\/2020\/11\/ol_logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1050\" \/>\n\t<meta property=\"og:image:height\" content=\"288\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/typographia\\\/\",\"url\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/typographia\\\/\",\"name\":\"Typographia - Opus Liberum\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/#website\"},\"datePublished\":\"2017-04-04T15:20:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/typographia\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/opusliberum.com\\\/sv\\\/typographia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/typographia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/startsida\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Typographia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/#website\",\"url\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/\",\"name\":\"Opus Liberum\",\"description\":\"Ge ut din egen bok, snabbt och enkelt!\",\"publisher\":{\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/#organization\",\"name\":\"Opus Liberum\",\"url\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/opusliberum.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/opus-liberum-logo.png\",\"contentUrl\":\"https:\\\/\\\/opusliberum.com\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/opus-liberum-logo.png\",\"width\":247,\"height\":48,\"caption\":\"Opus Liberum\"},\"image\":{\"@id\":\"https:\\\/\\\/opusliberum.com\\\/sv\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Typographia - Opus Liberum","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/opusliberum.com\/sv\/typographia\/","og_locale":"sv_SE","og_type":"article","og_title":"Typographia - Opus Liberum","og_description":"Headers Headers are used to describe such elements as website name, slogan, section titles. HTML and XHTML specifications define 6 levels of headers, where h1 is the most important and h6 is the least important. Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Links Local link Visited link External link External... L\u00e4s mer \u00bb","og_url":"https:\/\/opusliberum.com\/sv\/typographia\/","og_site_name":"Opus Liberum","og_image":[{"width":1050,"height":288,"url":"https:\/\/opusliberum.com\/wp-content\/uploads\/2020\/11\/ol_logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"4 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/opusliberum.com\/sv\/typographia\/","url":"https:\/\/opusliberum.com\/sv\/typographia\/","name":"Typographia - Opus Liberum","isPartOf":{"@id":"https:\/\/opusliberum.com\/sv\/#website"},"datePublished":"2017-04-04T15:20:48+00:00","breadcrumb":{"@id":"https:\/\/opusliberum.com\/sv\/typographia\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/opusliberum.com\/sv\/typographia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/opusliberum.com\/sv\/typographia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/opusliberum.com\/sv\/startsida\/"},{"@type":"ListItem","position":2,"name":"Typographia"}]},{"@type":"WebSite","@id":"https:\/\/opusliberum.com\/sv\/#website","url":"https:\/\/opusliberum.com\/sv\/","name":"Opus Liberum","description":"Ge ut din egen bok, snabbt och enkelt!","publisher":{"@id":"https:\/\/opusliberum.com\/sv\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/opusliberum.com\/sv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/opusliberum.com\/sv\/#organization","name":"Opus Liberum","url":"https:\/\/opusliberum.com\/sv\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/opusliberum.com\/sv\/#\/schema\/logo\/image\/","url":"https:\/\/opusliberum.com\/wp-content\/uploads\/2017\/03\/opus-liberum-logo.png","contentUrl":"https:\/\/opusliberum.com\/wp-content\/uploads\/2017\/03\/opus-liberum-logo.png","width":247,"height":48,"caption":"Opus Liberum"},"image":{"@id":"https:\/\/opusliberum.com\/sv\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/pages\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":1,"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/pages\/284\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/pages\/284\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/opusliberum.com\/sv\/wp-json\/wp\/v2\/media?parent=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}