Technical properties in HTML format (htmlSpecs)

The htmlSpecs field in exports or API retrievals includes the technical specifications for a product. These can come from different content providers depending on the contract, e.g. 1WorldSync, Icecat, manufacturer or ITscope. Depending on the content provider, content may also be available in different languages. 

Format of the field htmlSpecs

The format of the htmlSpecs is available in this form for all content providers.

  <Div id = "HTML_SPEC" class = "ITSs"> 
  <Div class = "ITSg"> General </ div> 
  <Div class = "ITSr0"> 
  <Div class = "ITSn"> Printer Type </ div> 
  <Div class = "ITSv"> Workgroup Printer - LED Color </ div> 
  </ Div> 
  <Div class = "ITSg"> Printer </ div> 
  <Div class = "ITSr0"> 
  <Div class = "ITSn"> Print Speed ​​</ div> 
  <Div class = "ITSv"> Up to 24 ppm.  - b / w - Up to 22 ppm.  - color </ div> 
  </ Div> 
  <Div class = "ITSr1"> 
  <Div class = "ITSn"> Connection technology </ div> 
  <Div class = "ITSv"> Wired </ div> 
  </ Div> 
  <Div class = "ITSr0"> 
  <Div class = "ITSn"> Interface </ div> 
  <Div class = "ITSv"> USB, LAN </ div> 
  </ Div> 
  </ Div> 
  </ Div> 

By using css-styles, the respective CSS classes can be adapted depending on your own requirements.

Here is an overview of the IDs and their meaning:

Sample CSS definition: 

<style>
    .ITSs {
      display: table;
      border: 0px solid #000;
      width: 100%;
   }

   .ITSr1 {
      display: table-row;
      padding: 4px 20px;
   }

   .ITSr0 {
      display: table-row;
      padding: 4px 20px;
   }

   .ITSg {
      font-weight: bold;
      font-size: small;
      padding: 10px 20px;
      display: block;
   }

   .ITSn {
      display: table-cell;
      color: #555;
      vertical-align: top;
      border-top: 1px solid #eee;
      padding: 4px 20px;
      white-space: nowrap;
      overflow: hidden;
      width: 50%;
   }

   .ITSv {
      display: table-cell;
      color: #555;
      vertical-align: top;
      border-top: 1px solid #eee;
      padding: 4px 20px;
   }
</style>

Downloads

These two downloads contain a demo datasheet which uses CSS styles from above.