Modelli di riquadri adattivi: schema e linee guida

  • Articolo

Ecco gli elementi e gli attributi che puoi usare per creare riquadri adattivi. Per istruzioni ed esempi, vedere Creare riquadri adattivi.

Elemento coda

<tile>
  
  <!-- Child elements -->
  visual
  
</tile>

elemento visivo

<visual
  version? = integer
  lang? = string
  baseUri? = anyURI
  branding? = "none" | "logo" | "name" | "nameAndLogo"
  addImageQuery? = boolean
  contentId? = string
  displayName? = string >
    
  <!-- Child elements -->
  binding+

</visual>

elemento di associazione

<binding
  template = tileTemplateNameV3
  fallback? = tileTemplateNameV1
  lang? = string
  baseUri? = anyURI
  branding? = "none" | "logo" | "name" | "nameAndLogo"
  addImageQuery? = boolean
  contentId? = string
  displayName? = string
  hint-textStacking? = "top" | "center" | "bottom"
  hint-overlay? = [0-100] >

  <!-- Child elements -->
  ( image
  | text
  | group
  )*

</binding>

elemento immagine

<image
  src = string
  placement? = "inline" | "background" | "peek"
  alt? = string
  addImageQuery? = boolean
  hint-crop? = "none" | "circle"
  hint-removeMargin? = boolean
  hint-align? = "stretch" | "left" | "center" | "right" />

elemento di testo

<text
  lang? = string
  hint-style? = textStyle
  hint-wrap? = boolean
  hint-maxLines? = integer
  hint-minLines? = integer
  hint-align? = "left" | "center" | "right" >

  <!-- text goes here -->

</text>

valori textStyle: didascalia didascalia Subtle body bodySubtle base baseSubtle subtitle subtitleSubtle titleSubtle titleSubtle titleNumeral subheader SubheaderSubtle subheaderNumeral header HeaderSubtle headerSubtle headerNumeral

elemento di gruppo

<group>

  <!-- Child elements -->
  subgroup+

</group>

elemento sottogruppo

<subgroup
  hint-weight? = [0-100]
  hint-textStacking? = "top" | "center" | "bottom" >

  <!-- Child elements -->
  ( text
  | image
  )*

</subgroup>