{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "chem-bla-ics",
  "description": "Chemblaics (pronounced chem-bla-ics) is the science that uses open science and computers to solve problems in chemistry, biochemistry and related fields.",
  "home_page_url": "https://chem-bla-ics.linkedchemistry.info/",
  "feed_url": "https://chem-bla-ics.linkedchemistry.info/2007/02/20/invisible-inchis.json",
  "icon": "https://chem-bla-ics.linkedchemistry.info/assets/images/chem-bla-ics_logo.png",
  "language": "en",
  "authors": [
    {
      "name": "Egon Willighagen",
      "url": "https://orcid.org/0000-0001-7542-0286",
      "_orcid": "0000-0001-7542-0286"
    }
  ],
  "items": [

    {
      "id": "https://doi.org/10.59350/ezjxg-p8m13",
      "url": "https://chem-bla-ics.linkedchemistry.info/2007/02/20/invisible-inchis.html",
      "title": "Invisible InChI's",
      "content_html": "<p>Some <a href=\"http://www.iupac.org/inchi/\">InChI</a>’s are short, such as that for methane: <span class=\"chem:inchi\">InChI=1/CH4/h1H4</span>.\nOthers are long (think <a href=\"http://chem-bla-ics.linkedchemistry.info/2006/03/31/inchis-in-latex-and-cdk-news.html\">crambin <i class=\"fa-solid fa-recycle fa-xs\"></i></a>), and you don’t\nwant to show them inline. Or you just want to show them anyway, but still want the chemistry to be understood. Here come the\ninvisible InChI’s.</p>\n\n<h2 id=\"alt-text-for-images\">Alt text for images</h2>\n\n<p>One solution is to put the InChI as content of the @alt attribute of the HTML <code class=\"language-plaintext highlighter-rouge\">&lt;img&gt;</code> element. This has the downside that it\nhas no explicit semantic meaning. For example, the <a href=\"http://scienceblogs.com/moleculeoftheday/\">Molecule Of The Day</a> blog is using\nthis approach. It’s an excellent start, but not the solution.</p>\n\n<h2 id=\"as-keyword\">As Keyword</h2>\n\n<p>Another option is to put it in as keyword, in the HTML <code class=\"language-plaintext highlighter-rouge\">&lt;head&gt;</code> element: <code class=\"language-plaintext highlighter-rouge\">&lt;meta name=\"keywords\" content=\"InChI=1/CH4/h1H4\"&gt;</code>.\nBut Google does not index this, so the use is restricted.</p>\n\n<h2 id=\"invisible-text\">Invisible text</h2>\n\n<p>The most promosing alternative, however, is to put it in using the <code class=\"language-plaintext highlighter-rouge\">&lt;span&gt;</code> element, in combination with microformats or RDFa,\nLike this: <span class=\"chem:inchi\" style=\"font-size: 0%; visibility: hidden;\">InChI=1/CH4/h1H4</span>.\nIt does not show up, does it? But it is really there, as you would see, if you have\n<a href=\"http://chem-bla-ics.linkedchemistry.info/2006/12/19/chemistry-in-html-greasemonkey-again.html\">the special Greasemonkey <i class=\"fa-solid fa-recycle fa-xs\"></i>\n</a> installed.</p>\n\n<p>This is the HTML code for this example:</p>\n\n<div class=\"language-html highlighter-rouge\"><div class=\"highlight\"><pre class=\"highlight\"><code><span class=\"nt\">&lt;span</span> <span class=\"na\">class=</span><span class=\"s\">\"chem:inchi\"</span> <span class=\"na\">style=</span><span class=\"s\">\"font-size: 0%; visibility: hidden;\"</span><span class=\"nt\">&gt;</span>InChI=1/CH4/h1H4<span class=\"nt\">&lt;/span&gt;</span>\n</code></pre></div></div>\n\n<p>The <code class=\"language-plaintext highlighter-rouge\">@style</code> attribute marks the text’s visibility as hidden, and the font-size is set to 0%. It is important not to set it\nto zero itself, because many web browsers do not interpret zero font size correctly, and take the default font size instead.</p>\n\n<p>This should solve the standing problem that we would like to include the InChI’s in our blogs, if it would just not be so\nlong and unreadable. Just hide it.</p>\n\n<p><strong>Update</strong>: Daniel <a href=\"https://web.archive.org/web/20070514085137/https://chem-bla-ics.blogspot.com/2007/02/invisible-inchis.html#comment-6321491648638004528\">informed <i class=\"fa-solid fa-box-archive fa-xs\"></i></a> <!-- keep link -->\nme that Google won’t index text marked ‘visibility: hidden’ and may even mark your webpage as spam :( Not the solution either.\nRead the comments for more thoughts.</p>",
      "summary": "Some InChI’s are short, such as that for methane: InChI=1/CH4/h1H4. Others are long (think crambin ), and you don’t want to show them inline. Or you just want to show them anyway, but still want the chemistry to be understood. Here come the invisible InChI’s.",
      
      "date_published": "2007-02-20T00:00:00+00:00",
      "date_modified": "2025-04-27T00:00:00+00:00",
      "tags": ["inchi","html","rdfa"],
      
      
      
      
      
      
        "authors": [ { "name": "Egon Willighagen", "url": "https://orcid.org/0000-0001-7542-0286" } ]
      
    }

  ]
}