Table of contents
TOC
Collapse the table of content
Expand the table of content
Última actualización: 31/10/2018

HTML de entrada y salida para páginas de OneNote

Se aplica a: blocs de notas para consumidores de OneDrive | blocs de notas para empresa de Office 365

El código HTML que define el contenido y la estructura de la página cuando crea o actualiza una página se llama HTML de entrada.

El código HTML que se devuelve cuando obtiene el contenido de la página se denomina HTML de salida. El HTML de salida no será el mismo que el de entrada.

Las API de OneNote conservan el contenido semántico y la estructura básica del HTML de entrada, pero la convierten en un conjunto de elementos HTML y propiedades CSS compatibles. Las API también agregan atributos personalizados que admiten las características de OneNote.

Este artículo describe los principales elementos y atributos del HTML de entrada y de salida. Puede ser útil comprender el HTML de entrada cuando crea o actualiza el contenido de la página, y el HTML de salida cuando analiza el contenido de la página devuelto.

Body

El contenido HTML en el cuerpo de la página representa el contenido y la estructura de la página, incluidos los recursos de imagen y archivo. El elemento body puede contener los siguientes atributos en el HTML de entrada y salida.

Atributos de entrada para el elemento *body*

Atributo de entradaDescripción
data-absolute-enabledIndica si el cuerpo de entrada admite los elementos con posición absoluta.
style

Las propiedades CSS style del cuerpo. En el HTML de salida, la configuración de entrada puede devolverse insertada en los elementos secundarios adecuados.

Actualmente, el color de fondo no es compatible con el elemento body.

Atributos de salida para el elemento *body*

Atributo de salidaDescripción
data-absolute-enabledIndica si el cuerpo admite los elementos con posición absoluta. Siempre true en el HTML de salida.
styleLas propiedades font-family y font-size del cuerpo.

Div

Los div contienen texto, imágenes y otro contenido. El elemento div puede contener los siguientes atributos en el HTML de entrada y salida.

Atributos de entrada para elementos *div*

Atributo de entradaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
data-render-fallbackLa acción de reserva si falla la extracción: render (predeterminado) o none.
data-render-methodEl método extraction para llevar a cabo, por ejemplo: extract.businesscard o extract.recipe.
data-render-srcEl origen del contenido para la extracción.
style

La posición, tamaño, fuente y propiedades de color del elemento div:

- posición (absoluta solo), izquierda, arriba y ancho. (La altura se configura automáticamente para los elementos div).
Se usa para crear un elemento div con posición absoluta, solo si el div es un elemento secundario directo del cuerpo cuando el cuerpo indica data-absolute-enabled="true".
Ejemplo: <div style="position:absolute;width:360px;top:350px;left:300px" ... />

Las propiedades CSS style del elemento. En el HTML de salida, estos valores podrían devolverse insertados en los elementos secundarios adecuados.

La API de OneNote envuelve todo el contenido del cuerpo en al menos un div. La API crea un div predeterminado (con atributos data-id="_default") para contener el contenido del cuerpo si:

  • El atributo data-absolute-enabled del elemento de entrada del cuerpo se omite o se establece en false. En este caso, se coloca todo el contenido del cuerpo en el div predeterminado.

  • El atributo data-absolute-enabled del elemento de entrada del cuerpo es true, pero el HTML de entrada contiene elementos secundarios directos que no son elementos con posición absoluta div, img u object. En este caso, los elementos secundarios directos que no son elementos con posición absoluta div, img u object se colocan en el div predeterminado.

Atributos de salida para elementos *div*

Atributo de salidaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
idUn identificador único, generado para el elemento. Devuelto por solicitudes GET al punto de conexión del contenido de una página cuando se usa la opción de consulta includeIDs=true. Se usa para actualizar el contenido de la página.
styleLas propiedades de posición y tamaño del div.

Div que no contribuyen

Cuando un elemento div en el HTML de entrada no contribuye a la estructura de la página o lleva información que OneNote usa, la API mueve el contenido del div al div primario o predeterminado. Se muestra en los siguientes ejemplos.

HTML de entrada que contiene un div anidado que no contribuye.

<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <div>
            <p>Some text</p>
            <div>
                <p>More text inside a div that doesn't define page structure</p>
            </div>
        </div>
    </body>
</html>

HTML de salida. Ten en cuenta que el contenido del div se ha movido al div principal, y se han eliminado las <div> etiquetas anidadas. Sin embargo, el div se habría conservado si hubiera definido cualquier información semántica, como un data-id (ejemplo: <div data-id="keep-me">).

<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
    <head>
        <title>Page Title</title>
    </head>
    <body data-absolute-enabled="true" style="font-family:Calibri;font-size:11px">
        <div data-id="_default" style="position:absolute;left:48px;top:120px;width:624px">
            <p>Some text</p>
            <p>More text inside a nested div</p>
        </div>
    </body>
</html>

Imágenes

Las imágenes en las páginas de OneNote están representadas por elementos img. Un elemento img puede contener los siguientes atributos en el HTML de entrada y salida.

Atributos de entrada para elementos *img*

Atributo de entradaDescripción
altEl texto alternativo que se proporciona para la imagen.
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
data-render-src

Se necesita data-render-src o src.

La página web para representar como imagen como mapa de bits en la página de OneNote:
- data-render-src="http://..." para una dirección URL pública.
- data-render-src="name:BlockName" para una parte de imagen en el bloque "Presentación" de una solicitud de varias partes.

Este método es útil cuando la página web es más compleja que la página que OneNote puede representar fielmente, o cuando la página requiere credenciales de inicio de sesión.

etiqueta de datosUna etiqueta de nota en el elemento.
style

Las propiedades de posición y tamaño de la imagen: posición (absoluta solo), izquierda, arriba, ancho y alto.

El tamaño se puede establecer en cualquier imagen. Las propiedades de posición se usan para crear una imagen con posición absoluta, solo si la imagen es un elemento secundario directo del cuerpo cuando el cuerpo indica data-absolute-enabled="true".
Ejemplo: <img style="position:absolute;width:360px;top:350px;left:300px" ... />

En el HTML de salida, el tamaño de la imagen se devuelve por separado en los atributos width y height.

src

Se necesita src o data-render-src.

La imagen para representar en la página de OneNote:
- src="http://..." para una dirección URL a una imagen disponible públicamente en Internet.
- src="name:BlockName" para una parte con nombre en una solicitud con varias partes que representa a la imagen.

ancho, altoEl ancho o alto de la imagen, en píxeles pero sin px. Ejemplo: width="400"

Tenga en cuenta que las API de OneNote detectan automáticamente el tipo de imagen de entrada y lo devuelve como el data-fullres-src-type en el HTML de salida. La API también devuelve el tipo de imagen de la imagen optimizada en data-src-type.

Atributos de salida para elementos *img*

Atributo de salidaDescripción
altEl texto alternativo que se proporciona para la imagen.
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
data-indexLa posición de la imagen. Para compatibilidad con imagen dividida.
data-fullres-srcEl extremo para la versión del recurso de la imagen que se incrustó originalmente en la página.
data-fullres-src-typeEl tipo de medios del recurso data-fullres-src. Por ejemplo: image/png o image/jpeg.
data-optionsEl tipo de origen: copia impresa para archivos PDF o imagen dividida para todos los demás. Solo se aplica a imágenes divididas creadas con el atributo data-render-src.
data-render-original-srcLa dirección URL de origen de la imagen, si la imagen de origen proviene de Internet pública y se creó con el atributo data-render-src.
data-src-typeEl tipo de medios del recurso src. Por ejemplo: image/png o image/jpeg.
etiqueta de datosUna etiqueta de nota en el elemento.
idUn identificador único, generado para el elemento. Devuelto por solicitudes GET al punto de conexión del contenido de una página cuando se usa la opción de consulta includeIDs=true. Se usa para actualizar el contenido de la página.
srcEl extremo para la versión del recurso de imagen que se ha optimizado para exploradores web y factores de forma móviles y de tabletas.
styleLas propiedades de posición de la imagen.
ancho, altoEl ancho o alto de la imagen, en píxeles.

Ejemplos de HTML de salida para imágenes

Los elementos img de salida contienen puntos de conexión para los recursos de archivo de imagen y el tipo de imagen, como se muestra a continuación. Puede hacer solicitudes GET independientes a puntos de conexión de recursos de imagen para recuperar su contenido binario.

<img 
    src="https://www.onenote.com/api/v1.0/me/notes/resources/{image-id}/$value"  
    data-src-type="image/png"
    data-fullres-src="https://www.onenote.com/api/beta/resources/{image-id}/$value"  
    data-fullres-src-type="image/png" ... />

De forma predeterminada, las imágenes no se representarán directamente en un explorador porque son privadas y se necesita una autorización para recuperarlas, al igual que el contenido de la página. Para obtener direcciones URL públicas a los recursos de imagen en una página, incluya preAuthenticated=true en la cadena de consulta cuando recupere el contenido de la página (ejemplo: GET ../pages/{page-id}/content?preAuthenticated=true). Las direcciones URL públicas que se devuelven son válidas durante una hora.

Imagen con dirección URL pública cuando se incluye preAuthenticated=true en la solicitud

<img 
    width="170" height="128" 
    src="https://www.onenote.com/api/v1.0/me/notes/resources/{image-id}/content?publicAuth=true&mimeType=image/jpeg" 
    data-src-type="image/{type}" 
    data-fullres-src="https://www.onenote.com/api/v1.0/me/notes/resources/{image-id}/content?publicAuth=true&mimeType=image/jpeg" 
    data-fullres-src-type="image/{type}" />

Los siguientes ejemplos muestran la información que un elemento img podría contener en el HTML de salida.

Imagen con recursos de alta resolución y listos para la web

<img
    src="{web-ready-image-resource-url}/$value"
    data-src-type="image/{type}"
    data-fullres-src="{high-resolution-image-resource-url}/$value"
    data-fullres-src-type="image/{type}"
    [data-render-original-src="{original-source-url-or-named-part}"]
    [data-id="{image-id}"]
    [alt="supplied alt text"]
    [width="345"] [height="180"]
    [style="..."] />

Imagen creada mediante el atributo *data-render-src*

<img
    src="{web-ready-image-resource-url}/$value"
    data-src-type="image/{type}"
    data-fullres-src="{high-resolution-image-resource-url}/$value"
    data-fullres-src-type="image/{type}"
    data-render-original-src="{original-source-url-or-named-part}"
    [data-id="{image-id}"]
    [data-index="{index-of-split-image}"]
    [data-options="{printout-or-splitimage}"]
    [alt="supplied alt text"]
    [width="1024"] [height="1900"]
    [style="..."] />

Imágenes divididas

Las imágenes que se crean mediante el atributo data-render-src (de una dirección URL de una página web o una parte con nombre) podrían dividirse en varias componentes de imágenes por motivos de representación y de rendimiento. A todos los componentes de imágenes se les asigna el mismo valor data-id. Cada componente de imagen tiene un atributo de índice de datos de base cero que define el diseño vertical original.

Imagen dividida con tres imágenes con componente

<div data-id="multi-component-image" style="position:absolute;left:48px;top:120px;width:624px">
    <img
        src="{image-resource0-url}/$value"
        data-src-type="image/{type}"
        data-fullres-src="{image-resource0-url}/$value" 
        data-fullres-src-type="image/{type}" 
        data-index="0" 
        data-render-original-src="{original-source-url-or-named-part}"
        data-id="{same-image-id}" ... />
    <img 
        src="{image-resource1-url}/$value" 
        data-src-type="image/{type}" 
        data-fullres-src="{image-resource1-url}/$value" 
        data-fullres-src-type="image/{type}" 
        data-index="1" 
        data-render-original-src="{original-source-url-or-named-part}"
        data-id="{same-image-id}" ... />
    <img 
        src="{image-resource2-url}/$value" 
        data-src-type="image/{type}" 
        data-fullres-src="{image-resource2-url}/$value" 
        data-fullres-src-type="image/{type}" 
        data-index="2" 
        data-render-original-src=""{original-source-url-or-named-part}"
        data-id="{same-image-id}" ... />
</div>

Debido a que los usuarios pueden mover las imágenes en la página, los índices devueltos pueden estar desordenados. El orden debe ser de arriba a abajo en el eje y, y de izquierda a derecha en el eje x si hay conflictos en el eje y.

Vídeos

Las páginas de OneNote pueden contener vídeos insertados representados por elementos iframe.

Tenga en cuenta que también puede adjuntar un archivo de vídeo mediante un elemento object.

Atributos de entrada para elementos iframe

Atributo de entradaDescripción
data-original-srcObligatorio. La dirección URL del origen del vídeo. Consulte la lista de orígenes de vídeo compatibles. Ejemplo: data-original-src="https://www.youtube.com/watch?v=3Ztr44aKmQ8"
ancho, altoEl ancho o alto del iframe, en píxeles. Ejemplo: width=300

Atributos de salida para elementos iframe

Atributo de salidaDescripción
data-original-srcLa dirección URL del origen del vídeo.
srcUn vínculo al vídeo que está insertado en la página de OneNote.
ancho, altoEl ancho o alto del iframe, en píxeles. Ejemplo: width=300

Ejemplo de HTML de salida para vídeos

Los elementos iframe de salida contienen los puntos de conexión que vinculan a la página de origen y el vídeo, como se muestra a continuación.

<iframe 
    width="340" height="280" 
    data-original-src="https://www.youtube.com/watch?v=3Ztr44aKmQ8" 
    src="https://www.youtube.com/embed/3Ztr44aKmQ8?feature=oembed&autoplay=true" />

Objetos

Las páginas de OneNote pueden contener archivos adjuntos representados por elementos object. Un elemento object puede contener los siguientes atributos en el HTML de entrada y salida.

Tenga en cuenta que las API de OneNote también pueden representar el contenido de archivos como imágenes en una página cuando el archivo se envía como imagen y usa el atributo data-render-src. Ejemplo: <img data-render-src="name:part-name" ... />

Atributos de entrada para elementos object

Atributo de entradaDescripción
dataObligatorio. El nombre de la parte que representa el archivo en una solicitud de varias partes.
data-attachmentObligatorio. El nombre del archivo.
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
style

Las propiedades de posición y tamaño del objeto: posición (absoluta solo), izquierda, arriba y ancho.

Se usa para crear un objeto con posición absoluta, solo si el objeto es un elemento secundario directo del cuerpo cuando el cuerpo indica data-absolute-enabled="true".
Ejemplo: <object style="position:absolute;top:350px;left:300px" ... />

typeObligatorio. El tipo de archivo de medios estándar. Los tipos de archivo conocidos muestran el icono asociado con el tipo de archivo en la página de OneNote. Los tipos de archivo desconocidos muestran un icono de archivo genérico.

Atributos de salida para elementos object

Atributo de salidaDescripción
dataEl extremo para el recurso de archivo.
data-attachmentEl nombre del archivo.
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
idUn identificador único, generado para el elemento. Devuelto por solicitudes GET al punto de conexión del contenido de una página cuando se usa la opción de consulta includeIDs=true. Se usa para actualizar el contenido de la página.
styleLas propiedades de posición del objeto.
typeEl tipo de archivo de medios estándar.

Ejemplo de HTML de salida para objetos

Los elementos object de salida contienen puntos de conexión que vinculan a los recursos de archivo en la página, como se muestra a continuación. Puede hacer solicitudes GET independientes a puntos de conexión de recursos de archivo para recuperar su contenido binario.

<object
    data="http://www.onenote.com/api/v1.0/me/notes/resources/{file-id}/$value"
    data-attachment="fileName.pdf" 
    type="application/pdf" 
    [style="..."] />

Párrafos y encabezados

Los párrafos, encabezados y otros contenedores de texto pueden contener los siguientes atributos en el HTML de entrada y salida.

Atributos de entrada para contenedores de texto

Atributo de entradaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
etiqueta de datosUna etiqueta de nota en un elemento de p o h1 - h6.
styleLas propiedades CSS style del elemento.

Atributos de salida para contenedores de texto

Atributo de salidaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
etiqueta de datosUna etiqueta de nota en un elemento de p o h1 - h6.
idUn identificador único, generado para el elemento. Devuelto por solicitudes GET al punto de conexión del contenido de una página cuando se usa la opción de consulta includeIDs=true. Se usa para actualizar el contenido de la página.
styleLas propiedades CSS style del elemento. En el HTML de salida, estos valores podrían devolverse insertados en los elementos secundarios adecuados o en elementos span.

Los siguientes ejemplos muestran HTML de entrada que usa diferentes maneras de definir estilos en contenedores de texto y el HTML de salida que se devuelve.

HTML de entrada con estilos definidos mediante estilos de caracteres en línea, en la etiqueta de inicio, y dentro de un elemento span.

<h1>Heading <i>One</i> text</h1>
<p style="font-size:8pt;color:green;font-family:Courier;text-align:center">Some text</p>
<p>Some <span  style="font-size:16px;color:#ff0000;font-family:Segoe UI Black">more</span> text</p>

HTML de salida con el estilo de caracteres <i> y la configuración de fuentes en la etiqueta de inicio <p> devuelta como estilos CSS insertados en elementos span.

<h1 style="font-size:16pt;color:#1e4e79;margin-top:11pt;margin-bottom:11pt">Heading <span style="font-style:italic">One</span> text</h1>
<p style="text-align:center"><span style="font-family:Courier;font-size:8pt;color:green">Some text</span></p>
<p>Some <span style="font-family:Segoe UI Black;font-size:12pt;color:red">more</span> text</p>

Listas

Las listas se representan como elementos ol o ul que contienen elementos list representados como li.

Los elementos lists y list pueden contener los siguientes atributos en el HTML de entrada y salida.

Atributos de entrada para listas

Atributo de entradaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
etiqueta de datosUna etiqueta de nota en un elemento de ul, ol o de li.
styleLas propiedades CSS list-style-type y style para la lista o el elemento de lista.

Atributos de salida para listas

Atributo de salidaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
etiqueta de datosUna etiqueta de nota en un span en un elemento de li.
idUn identificador único, generado para el elemento. Devuelto por solicitudes GET al punto de conexión del contenido de una página cuando se usa la opción de consulta includeIDs=true. Se usa para actualizar el contenido de la página.
styleLas propiedades list-style-type y CSS style del elemento. En el HTML de salida, la configuración de nivel de lista se devuelve en elementos list. No se devuelven las propiedades predeterminadas.

La API de OneNote admite los siguientes estilos de lista:

Lista ordenadaLista no ordenada
ningunoninguno
decimal (predeterminado)disc (predeterminado)
lower-alphacircle
lower-romansquare
upper-alpha 
upper-roman 

Puede aplicar estilos globales para una lista en el elemento ol o ul del HTML de entrada, pero los estilos se devuelven en los elementos li.

Estilo de lista homogénea

Este ejemplo muestra el HTML de entrada que establece el tipo de estilo de lista en el elemento ol y estilos CSS en elementos de listas individuales.

<ol style="list-style-type:upper-roman;color:blue">
    <li style="font-weight:bold">Jacksonville</li>
    <li style="text-decoration:line-through">Orlando</li>
    <li style="font-family:Courier">Naples</li>
</ol>

Este es el HTML de salida. Observe que los estilos se devuelven en línea en los elementos li o span individuales.

<ol>
    <li style="list-style-type:upper-roman"><span style="color:blue;font-weight:bold">Jacksonville</span></li>
    <li style="list-style-type:upper-roman"><span style="color:blue;text-decoration:line-through">Orlando</span></li>
    <li style="list-style-type:upper-roman"><span style="font-family:Courier;color:blue">Naples</span></li>
</ol>

Estilos de listas variables

Este ejemplo muestra HTML de entrada que establece diferentes tipos de estilos de listas en los elementos li.

<ul style="font-style:italic">
    <li style="list-style-type:square">square style</li>
    <li style="list-style-type:circle">circle style</li>
    <li style="list-style-type:disc">disc style (default)</li>
</ul>

Este es el HTML de salida. Observe que los estilos se devuelven en línea en los elementos li o span individuales.

<ul>
    <li style="list-style-type:square"><span style="font-style:italic">square style</span></li>
    <li style="list-style-type:circle"><span style="font-style:italic">circle style</span></li>
    <li><span style="font-style:italic">disc style (default)</span></li>
</ul>

Tablas

Las tablas se representan como elementos table que pueden contener elementos tr y td. Se admiten tablas anidadas.

Las tablas pueden contener los siguientes atributos en el HTML de entrada y salida. Las API de OneNote no admiten los atributos rowspan o colspan.

Atributos de entrada para tablas

Atributo de entradaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
styleLas propiedades CSS style del elemento y también:
- border. Puede ser 0px o 1px.
- width. Compatible con table y td como píxeles o porcentaje de ancho de página.
Por ejemplo, width="100px" o width="60%"

Atributos de salida para tablas

Atributo de salidaDescripción
data-idUna referencia para el elemento. Se usa para actualizar el contenido de la página.
idUn identificador único, generado para el elemento. Devuelto por solicitudes GET al punto de conexión del contenido de una página cuando se usa la opción de consulta includeIDs=true. Se usa para actualizar el contenido de la página.
styleLas propiedades CSS style del elemento.

Los siguientes ejemplos muestran HTML de entrada que usa diferentes maneras de definir estilos en tablas y el HTML de salida que se devuelve.

HTML de entrada con configuración opcional en diferentes niveles.

<table style="border:0px;width:500px;background-color:green">
    <tr> 
        <td>Cell 1</td> 
        <td>Cell 2</td> 
        <td>Cell 3</td> 
    </tr> 
    <tr style="background-color:blue"> 
        <td style="text-align:right;background-color:red">Left</td> 
        <td style="text-align:center">Middle</td> 
        <td>Right</td> 
    </tr> 
</table>

HTML de salida con estilos CSS devueltos en línea en los elementos td.

<table style="border:0px">
    <tr>
        <td style="background-color:green;width:166;border:0px">Cell 1</td>
        <td style="background-color:green;width:166;border:0px">Cell 2</td>
        <td style="background-color:green;width:166;border:0px">Cell 3</td>
    </tr>
    <tr>
        <td style="background-color:red;width:166;border:0px;text-align:right">Left</td>
        <td style="background-color:blue;width:166;border:0px;text-align:center">Middle</td>
        <td style="background-color:blue;width:166;border:0px">Right</td>
    </tr>
</table>

Estilos

Las API de OneNote admiten las siguientes propiedades CSS style insertadas para elementos en el cuerpo de la página, como body, div, p, li, y span.

PropiedadEjemplo
background-colorstyle="background-color:#66cc66" (el valor predeterminado es blanco)
Se admiten tanto en formato hexadecimal y colores con nombre.
colorstyle="color:#ffffff" (el valor predeterminado es negro)
font-familystyle="font-family:Courier" (el valor predeterminado es Calibri)
font-sizestyle="font-size:10pt" (el valor predeterminado es 11pt)
Las API aceptan el tamaño de fuente en pt o px, pero convierten px a pt. Los valores decimales se redondean al más próximo n.0pt o n.5pt.
font-stylestyle="font-style:italic" (solo normal o cursiva)
font-stylestyle="font-weight:bold" (solo normal o negrita)
strike-throughstyle="text-decoration:line-through"
text-alignstyle="text-align:center" (solo para elementos de bloque)
text-decorationstyle="text-decoration:underline" (ninguno o solo subrayado)

También se admiten los siguientes estilos de caracteres insertados:

<n><k><s>
<em><Texto en negrita.><Tachado>
<sup><sub><supr>
<cite>  

Ejemplo de HTML de entrada y salida, la siguiente imagen muestra una página simple creada con las API de OneNote

Página de ejemplo creada a partir del código HTML de entrada

Este es el HTML de entrada que se envió en el cuerpo del mensaje para crear la página.

<html lang="en-US">
    <head>
        <title>Sample Study Notes</title>
        <meta name="created" content="2015-01-01T01:01"/>
    </head>
    <body>
        <h1>Aurora Borealis</h1>
        <p>Dancing lights in the sky. Also called <i>Northern Lights</i>. Caused by solar radiation.</p>
        <br />
        <p><b>Intersting facts</b></p>
        <table>
            <tr>
                <td>Neil Armstrong</td>
                <td>Commander</td>
            </tr>
            <tr>
                <td>Buzz Aldrin</td>
                <td>LM Pilot</td>
            </tr>
            <tr>
                <td>Michael Collins</td>
                <td>Command Module Pilot</td>
            </tr>
        </table>
        <img alt="Apollo 11 commemorative stamp." src="http://upload.wikimedia.org/wikipedia/commons/a/a4/First_Man_on_Moon_1969_Issue-10c.jpg"  width="400"/>
        <p>References:</p>
        <p><a href="http://en.wikipedia.org/wiki/Apollo_11">http://en.wikipedia.org/wiki/Apollo_11</a></p>
        <p><a href="http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html">http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html</a></p>
    </body>
</html>

Este es el HTML de salida que las API de OneNote devuelven cuando obtiene el contenido de la página.

Cuando crea una página u obtiene los metadatos de una página, la API devuelve la dirección URL del punto de conexión del contenido de la página en la propiedad contentUrl.

<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
    <head>
        <title>Sample Study Notes</title>
        <meta name="created" content="2015-01-01T01:01:00.0000000" />
    </head>
    <body data-absolute-enabled="true" style="font-family:Calibri;font-size:11pt">
        <div data-id="_default" style="position:absolute;left:48px;top:120px;width:624px">
            <h1 style="font-size:16pt;color:#1e4e79;margin-top:11pt;margin-bottom:11pt">American History 101: Moon Landing</h1>
            <p>First moon landing - July 20, 1969 with Apollo 11 (Eagle)</p>
            <br />
            <p><span style="font-weight:bold">Apollo 11 Astronauts</span></p>
            <table style="border:0px">
                <tr>
                    <td style="border:0px">Neil Armstrong</td>
                    <td style="border:0px">Commander</td>
                </tr>
                <tr>
                    <td style="border:0px">Buzz Aldrin</td>
                    <td style="border:0px">LM Pilot</td>
                </tr>
                <tr>
                    <td style="border:0px">Michael Collins</td>
                    <td style="border:0px">Command Module Pilot</td>
                </tr>
            </table>
            <br />
            <img alt="Apollo 11 commemorative stamp." width="400" height="248" src="https://www.onenote.com/api/v1.0/me/notes/resources/0-f717b5fa5eaa454da7ecdf72a8c137fe!1-73DBAF9B7E5C4B4C!10456/$value"
                 data-src-type="image/jpeg" data-fullres-src="https://www.onenote.com/api/v1.0/me/notes/resources/0-f717b5fa5eaa454da7ecdf72a8c137fe!1-73DBAF9B7E5C4B4C!10456/$value" data-fullres-src-type="image/jpeg" />
            <p>References:</p>
            <p><a href="http://en.wikipedia.org/wiki/Apollo_11">http://en.wikipedia.org/wiki/Apollo_11</a></p>
            <p><a href="http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html">http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html</a></p>
        </div>
    </body>
</html>

Recursos adicionales

© 2018 Microsoft