Convertir un fichier .html en page maître dans SharePoint

Article
03/21/2023

Importante

Cette option d’extensibilité est disponible uniquement pour des expériences SharePoint classiques. Vous ne pouvez pas l’utiliser avec des expériences modernes dans SharePoint Online, telles que des sites de communication. Nous vous déconseillons d’utiliser l’expérience classique ou les techniques de personnalisation.

Avec le Gestionnaire de conception, vous pouvez convertir un fichier HTML en page maître SharePoint (fichier .master). Une fois la conversion effectuée, la page maître et le fichier .html sont associés. Ainsi, quand vous modifiez et enregistrez le fichier .html, les modifications sont synchronisées sur la page maître associée.

Introduction à la conversion d’une page maître

Pourquoi convertir un fichier .html alors que vous pouvez créer un fichier .master ? Dans SharePoint, les pages maîtres fonctionnent exactement comme dans ASP.NET. Toutefois, SharePoint exige que certains éléments, comme les contrôles et les espaces réservés de contenu propres à SharePoint, figurent sur la page, pour que cette page maître s’affiche correctement dans SharePoint. En utilisant le Gestionnaire de conception pour convertir un fichier .html en page maître SharePoint entièrement opérationnelle, vous n’avez pas besoin de tout savoir sur le balisage ASP.NET ou SharePoint. Vous pouvez simplement vous concentrer sur la conception de votre site en HTML, CSS et JavaScript.

Lorsque vous convertissez un fichier .html en page maître :

Un fichier .master portant le même nom que votre fichier .html est créé dans la galerie de pages maîtres.
La totalité des marques requises par SharePoint sont ajoutées au fichier .master, pour que la page maître soit affichée correctement.
Le balisage tel que les commentaires, les balises <div>, les extraits de code et les espaces réservés de contenu sont ajoutés à votre fichier .html d’origine.
Le fichier .html et la page maître sont associés, de sorte que toutes les modifications ultérieures effectuées dans le fichier .html sont synchronisées sur le fichier .master lorsque le fichier .html est enregistré.

Remarque

La synchronisation s’effectue dans un sens seulement. Les modifications apportées à la page maître .html sont synchronisées avec le fichier .master associé, mais si vous choisissez de modifier directement le fichier .master, les modifications ne sont pas synchronisées avec le fichier .html. Chaque page maître HTML (et chaque mise en page .html) a une propriété nommée Fichier associé qui est définie sur True par défaut, ce qui crée l’association et la synchronisation entre les fichiers.

Si vous avez une paire de fichiers associés (HTML et .master) et que vous modifiez le fichier .master sans rompre l’association, les modifications apportées au fichier .master sont enregistrées, mais vous ne pouvez pas archiver ou publier le fichier .master, de sorte que ces modifications ne sont pas enregistrées de manière significative. Toute modification apportée au fichier .html remplace le fichier .master. Si vous archivez ou publiez le fichier .html, les modifications apportées au fichier .html remplacent toutes les modifications apportées au fichier .master. Les modifications apportées au fichier .master sont perdues.

Si vous êtes un développeur qui maîtrise ASP.NET, vous pouvez choisir d’utiliser uniquement le fichier .master en rompant l’association entre les fichiers. Pour rompre l’association entre le fichier .html et le fichier .master, dans le Gestionnaire de conception, choisissez Modifier les propriétés pour le fichier .html, puis décochez la case Fichier associé . Vous pouvez ensuite réassocier les fichiers en modifiant les propriétés et en mettant cette case à cocher, auquel cas le fichier .html remplacera à nouveau le fichier .master et les modifications apportées au fichier .master seront perdues.

Préparer le fichier .html pour la conversion

Avant de convertir votre fichier .html, voici les meilleures pratiques et des conseils à prendre en compte :

Tenez compte du modèle de page SharePoint. Pour plus d’informations, voir Vue d’ensemble du modèle de page SharePoint. Quand vous concevez les maquettes .html de votre site, vous disposez probablement de plusieurs fichiers .html pour différents types de pages, comme une page d’article ou une page de catégorie contenant des composants WebPart qui affichent une catégorie d’éléments à partir d’un catalogue. Cependant, un seul fichier .html est converti en page maître. Un fichier .html peut être converti en page maître, mais un fichier .html ne peut pas être converti directement en mise en page, car une mise en page nécessite des champs de page.
Vérifiez que votre fichier .html est compatible avec le langage XML pour que la conversion fonctionne. Cette exigence remplace certaines normes HTML 5 ; par exemple, au format HTML 5, vous pouvez spécifier le type de document doctype en minuscules, mais au format XML le doctype doit être en majuscules. Par ailleurs, vous devez supprimer les balises <form> de votre fichier .html. Exécutez votre fichier .html via un validateur XML externe pour identifier les erreurs XML avant d’effectuer la conversion.
Prenez en compte ces directives importantes pour vos références CSS :
- N’introduisez pas de blocs <style> dans la balise <head>. Ces styles sont supprimés pendant la conversion. En revanche, associez votre fichier .html à un fichier CSS externe.
- Ajoutez ms-design-css-conversion="no" à la <balise de lien> CSS si vous utilisez une police web.
- Faites attention quand vous appliquez des styles dans des balises HTML générales comme <body>, <div> et <img>. Tous les éléments de votre conception SharePoint, y compris le ruban, figurent dans la balise <body>. Appliquez les styles que vous utilisez généralement avec la balise <body> à la balise <div id="s4-bodyContainer">, que SharePoint utilise pour le corps principal de la page. Par ailleurs, SharePoint utilise plusieurs images affectées par les styles que vous appliquez à la balise <img>.
- De nombreux concepteurs définissent le style de la navigation en appliquant des classes aux éléments <ul> et <li>. Toutefois, SharePoint utilise un contrôle de navigation dynamique que vous pouvez ajouter à votre page maître dans la galerie d’extraits de code. Les contrôles de navigation SharePoint contiennent des styles appliqués par défaut que vous devez remplacer.
Prenez en compte ces problèmes potentiels sur la dénomination des fichiers :
- Si vous disposez des fichiers Index.html et Index.htm, ils possèdent le même fichier .master.
- Si vous avez Design/Index.html et Design/SubDesign/Index.html, ces deux fichiers peuvent être convertis en leurs propres fichiers .master distincts, mais ils s’affichent tous les deux comme Index.html dans la liste des pages maîtres dans le Gestionnaire de conception. Pour lever l’ambiguïté, cliquez ou sélectionnez le bouton de sélection pour chaque fichier afin d’afficher le chemin d’accès complet.
Si vous ajoutez un widget JavaScript, vérifiez que la balise de début <script> figure sur sa ligne.

  
<script>
(function( …

Ne les placez pas sur la même ligne, comme suit.

  
<Script> (function( …

Vous devez introduire une référence (externe) à la bibliothèque JQuery avant la balise </head>.

Convertir le fichier .html en page maître

Avant de convertir un fichier .html, vous devez télécharger tous vos fichiers de conception, y compris votre fichier .html. Pour plus d’informations, voir Guide pratique pour mapper un lecteur réseau à la galerie de pages maîtres SharePoint.

Pour convertir le fichier .html en fichier .master

Accédez à votre site de publication.
Dans le coin supérieur droit de la page, sélectionnez Paramètres, puis Gestionnaire de conception.
Dans le gestionnaire de conception, dans le volet de navigation de gauche, sélectionnez Modifier les pages maîtres.
Sélectionnez Convertir un fichier .html en page maître SharePoint.
Dans la boîte de dialogue Sélectionner un bien, parcourez les fichiers et sélectionnez le fichier .html à convertir.

Remarque

Lorsque vous chargez vos fichiers de conception, vous devez conserver tous les fichiers liés à une conception unique dans leur propre dossier dans la galerie de pages maîtres. Lorsque vous copiez votre dossier de conception dans le lecteur réseau mappé, la galerie de pages maîtres conserve la structure de dossiers que vous avez créée.
Sélectionnez Insérer.

À ce moment-là, SharePoint convertit votre fichier .html en fichier .master portant le même nom.

Dans le Gestionnaire de conception, votre fichier .html s’affiche maintenant avec une colonne d’état indiquant l’un des deux états possibles :

Erreurs
La conversion a réussi

Suivez le lien dans la colonne d’état pour prévisualiser le fichier et découvrir les erreurs ou avertissements relatifs à la page maître.

La page de prévisualisation est un aperçu côté serveur en temps réel de votre page maître. La partie supérieure de l’aperçu affiche les avertissements ou erreurs que vous devrez peut-être résoudre en modifiant le fichier .html dans un éditeur HTML. Les erreurs doivent être corrigées pour que l’aperçu affiche correctement la page maître.

Pour plus d’informations sur la résolution des erreurs et des avertissements, voir Guide pratique pour résoudre les erreurs et les avertissements lors de l’aperçu d’une page dans SharePoint.

Pour plus d’informations sur l’aperçu de la page maître avec différentes pages, voir Guide pratique pour modifier la page d’aperçu dans le Gestionnaire de conception SharePoint.

La page d’aperçu contient également un lien d’extraits de code dans le coin supérieur droit. Ce lien ouvre la galerie d’extraits de code, où vous pouvez commencer à remplacer les contrôles statiques ou de maquette figurant dans votre conception par des contrôles SharePoint dynamiques. Pour plus d’informations, consultez la rubrique relative aux extraits de code du Gestionnaire de conception SharePoint.
Pour corriger les erreurs, modifiez le fichier .html qui réside directement sur le serveur à l’aide d’un éditeur HTML pour ouvrir et modifier le fichier .html dans le lecteur mappé. Chaque fois que vous enregistrez le fichier .html, toutes les modifications sont synchronisées avec le fichier .master associé.
Une fois que l’aperçu de votre page maître s’affiche correctement, une balise <div> est ajoutée à votre fichier .html. Vous devrez peut-être faire défiler l’aperçu jusqu’au bas de la page pour voir la balise <div>.

Cette balise <div> correspond au bloc de contenu principal. Elle se trouve dans un espace réservé de contenu nommé ContentPlaceHolderMain. Au moment de l’exécution, quand un visiteur parcourt votre site et demande l’ouverture d’une page, cet espace réservé est rempli de contenu à partir d’une mise en page comportant du contenu dans une zone de contenu correspondante. Vous devez placer cette balise <div> à l’emplacement souhaité pour vos mises en page sur la page maître.

Si votre fichier .html contient du contenu statique ou de maquette dans le corps de la page, vous pouvez supprimer ce contenu statique de la page maître HTML et appliquez ces styles à d’autres éléments du modèle de page SharePoint, comme les mises en page, les contrôles de champ de page, les extraits de code et les modèles d’affichage. Pour obtenir un exemple, voir Guide pratique pour créer une mise en page dans SharePoint.

Comprendre le fichier .html après la conversion

Lorsque vous convertissez un fichier .html en page maître, de nombreuses lignes de balisage sont ajoutées à votre fichier .html. Vous pouvez ignorer en toute sécurité la majeure partie de ce balisage, et la plupart ne s’afficheront pas dans le balisage final de votre site lorsque vous affichez la source dans le navigateur, mais ce balisage est essentiel pour convertir votre fichier .html en fichier .master que SharePoint utilise réellement. Chaque fois que vous enregistrez une modification dans votre fichier .html, ce balisage SharePoint permet d’apporter cette même modification au fichier .master associé en arrière-plan.

Les marques ajoutées comprennent des balises avant et dans la balise <head>, les extraits de code et les espaces réservés de contenu. La plupart des balises sont placées dans les balises de commentaire : quand vous enregistrez une modification dans le fichier .html, le processus de conversion supprime les commentaires pour y utiliser les balises ASP.NET.

Types de balisage

Vous trouverez ci-dessous une répartition des types de balisage ajoutés au fichier .html :

Propriétés de document : la balise <mso> contient des métadonnées SharePoint, notamment des informations relatives au fichier lui-même et à certaines propriétés requises pour réussir la conversion en fichier .master.

  
<mso:CustomDocumentProperties>
<mso:HtmlDesignFromMaster msdt:dt="string"></mso:HtmlDesignFromMaster>
<mso:HtmlDesignStatusAndPreview msdt:dt="string">http://[server_name]/sites/PubSite/_catalogs/masterpage/[site_name]/index.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
<mso:ContentTypeId msdt:dt="string">0x0101000F1C8B9E0EB4BE489F09807B2C53288F0054AD6EF48B9F7B45A142F8173F171BD10003D357F861E29844953D5CAA1D4D8A3A0084F0F9C7FCB65541A59990D173DA60FA</mso:ContentTypeId>
<mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
<mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
</mso:CustomDocumentProperties>

Enregistrement d’espace de noms SharePoint : la balise <SPM> (« marques SharePoint ») fournit une ligne pour enregistrer un espace de nom SharePoint.

  
<!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
        <!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->

Commentaires : les balises <CS> et <CE> (« début du commentaire » et « fin du commentaire ») sont ignorées pendant la conversion. Ces balises vous aident seulement à analyser les lignes des marques.

  
<!--CS: Start Page Head Contents Snippet-->
…
<!--CE: End Page Head Contents Snippet-->

  <!--CS: Start Ribbon Snippet-->
…
<!--CE: End Ribbon Snippet-->

<!--CS: Start PlaceHolderMain Snippet-->
…
<!--CE: End PlaceHolderMain Snippet-->

Extraits de code : les balises <MS> et <ME> (« début des marques » et « fin des marques ») indiquent le début et la fin du contrôle SharePoint ou de l’extrait de code. Un extrait de code est un contrôle SharePoint qui ajoute des fonctionnalités SharePoint à votre page. Vous pouvez ajouter des extraits de code vous-même à l’aide de la galerie d’extraits de code. Pour plus d’informations, consultez la rubrique relative aux extraits de code du Gestionnaire de conception SharePoint.

  
<!--MS:<SharePoint:RobotsMetaTag runat="server">-->
        <!--ME:</SharePoint:RobotsMetaTag>-->
        <!--MS:<SharePoint:PageTitle runat="server">-->
            <!--MS:<asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server">-->
                <!--MS:<SharePoint:ProjectProperty Property="Title" runat="server">-->
                <!--ME:</SharePoint:ProjectProperty>-->
            <!--ME:</asp:ContentPlaceHolder>-->
        <!--ME:</SharePoint:PageTitle>-->
        <!--MS:<SharePoint:StartScript runat="server">-->
        <!--ME:</SharePoint:StartScript>-->
        <!--MS:<SharePoint:CssLink runat="server" Version="15">-->
        <!--ME:</SharePoint:CssLink>-->
        <!--MS:<SharePoint:CacheManifestLink runat="server">-->
        <!--ME:</SharePoint:CacheManifestLink>-->
        <!--MS:<SharePoint:PageRenderMode runat="server" RenderModeType="Standard">-->
        <!--ME:</SharePoint:PageRenderMode>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="core.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="menu.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="callout.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="sharing.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="suitelinks.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:CustomJSUrl runat="server">-->
        <!--ME:</SharePoint:CustomJSUrl>-->
        <!--MS:<SharePoint:SoapDiscoveryLink runat="server">-->
        <!--ME:</SharePoint:SoapDiscoveryLink>-->
        <!--MS:<SharePoint:AjaxDelta id="DeltaPlaceHolderAdditionalPageHead" Container="false" runat="server">-->
            <!--MS:<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server">-->
            <!--ME:</asp:ContentPlaceHolder>-->
            <!--MS:<SharePoint:DelegateControl runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true">-->
            <!--ME:</SharePoint:DelegateControl>-->
            <!--MS:<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server">-->
            <!--ME:</asp:ContentPlaceHolder>-->
        <!--ME:</SharePoint:AjaxDelta>-->
        <!--MS:<SharePoint:CssRegistration Name="Themable/corev15.css" runat="server">-->
        <!--ME:</SharePoint:CssRegistration>-->
        <!--MS:<SharePoint:AjaxDelta id="DeltaSPWebPartManager" runat="server">-->
            <!--MS:<WebPartPages:SPWebPartManager runat="server">-->
            <!--ME:</WebPartPages:SPWebPartManager>-->
        <!--ME:</SharePoint:AjaxDelta>-->

Blocs d’aperçu : les balises <PS> et <PE> (« début d’aperçu » et « fin d’aperçu ») entourent une section de code HTML à ne pas modifier car elle affecte uniquement l’aperçu du moment de la conception. Ces sections d’aperçu sont des captures instantanées prises au moment de l’insertion du contrôle SharePoint par cet extrait de code. L’aperçu vous permet de travailler plus efficacement sur le fichier .html dans un éditeur HTML côté client. Toute modification apportée au contenu ou au style dans cet aperçu n’a aucun effet durable sur le fichier .master utilisé par SharePoint. Pour définir le style d’un extrait de code, identifiez et remplacez les styles SharePoint par vos propres styles CSS.

  
<!--PS: Start of READ-ONLY PREVIEW (do not modify) -->
<div class="DefaultContentBlock" style="background:rgb(0, 114, 198); color:white; width:100%; padding:8px; height:64px; overflow:hidden;">The SharePoint ribbon will be here when your file is either previewed on or applied to your site.</div>
<!--PE: End of READ-ONLY PREVIEW -->

ID SharePoint Deux des extraits de code ajoutés à votre fichier de .html pendant la conversion (l’extrait de contenu de l’en-tête de page et le ruban SharePoint) ont un ID SharePoint associé, ou SID (00 et 02, respectivement). Ces ID permettent de raccourcir les extraits de code et de faciliter la lecture du code HTML dans la page.

  
<!--SID:00 -->

<!--SID:02 {Ribbon}-->

Extraits de code ajoutés

Il est important de connaître deux des extraits de code ajoutés à votre fichier .html. Ces extraits de code sont ajoutés automatiquement pendant la conversion, mais vous ne pouvez pas les ajouter à partir de la galerie d’extraits de code.

Ruban : votre page maître requiert le ruban et la « navigation de suite », deux nouvelles fonctionnalités SharePoint, pour permettre aux auteurs de contenu de créer des pages et du contenu sur votre site SharePoint. Le ruban se trouve dans un extrait de code de filtrage de sécurité. Ainsi, quand un visiteur parcourt votre site, seuls les utilisateurs authentifiés, c’est-à-dire non anonymes, peuvent voir le ruban. Vous pouvez déplacer le ruban à un autre emplacement sur la page ou lui définir un style en remplaçant les classes CSS par défaut. Toutefois, nous vous recommandons de ne pas déplacer ou réorganiser les composants (par exemple, le menu Actions du site) contenus dans le ruban.

  
<!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" AuthenticationRestrictions="AnonymousUsersOnly">-->
<!--MS:<wssucw:Welcome runat="server" EnableViewState="false">-->
<!--ME:</wssucw:Welcome>-->
<!--ME:</SharePoint:SPSecurityTrimmedControl>-->

ContentPlaceHolderMain En bas de la balise <div id="s4-bodyContainer">, avant la balise de fermeture </body>, le processus de conversion insère un espace réservé de contenu appelé PlaceHolderMain. À l’intérieur de cet extrait de code se trouve la balise jaune bordée de noir <div> qui apparaît dans le mode Création de votre éditeur HTML ou dans l’aperçu côté serveur dans le Gestionnaire de conception.

Cette balise <div> représente la zone dans laquelle le contenu spécifié par vos mises en page et vos pages sera envoyé. Déplacez l’extrait de code PlaceHolderMain dans votre page maître, à l’endroit où il sera rempli par vos mises en page (la zone de conception de votre site n’étant pas la même dans toutes les pages de votre site).

  
<!--CS: Start PlaceHolderMain Snippet-->
                    <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
                    <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderMain" IsMainContent="true" runat="server">-->
                        <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server">-->
                            <div class="DefaultContentBlock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;">
            This div, which you should delete, represents the content area that your Page Layouts and pages will fill. Design your Master Page around this content placeholder.
        
                            </div>
                        <!--ME:</asp:ContentPlaceHolder>-->
                    <!--ME:</SharePoint:AjaxDelta>-->
                    <!--CE: End PlaceHolderMain Snippet-->

Référence : exemples de balisage SharePoint ajouté au fichier .html

Vous trouverez ci-dessous un exemple de balisage ajouté à un fichier .html, une fois celui-ci converti en page maître.

Marques ajoutées à la balise <head>


<head>
        <meta http-equiv="X-UA-Compatible" content="IE=10" />
        <!--CS: Start Page Head Contents Snippet-->
        <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
        <!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
        <!--SID:00 -->
        <meta name="GENERATOR" content="Microsoft SharePoint" />
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="Expires" content="0" />
        <!--MS:<SharePoint:RobotsMetaTag runat="server">-->
        <!--ME:</SharePoint:RobotsMetaTag>-->
        <!--MS:<SharePoint:PageTitle runat="server">-->
            <!--MS:<asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server">-->
                <!--MS:<SharePoint:ProjectProperty Property="Title" runat="server">-->
                <!--ME:</SharePoint:ProjectProperty>-->
            <!--ME:</asp:ContentPlaceHolder>-->
        <!--ME:</SharePoint:PageTitle>-->
        <!--MS:<SharePoint:StartScript runat="server">-->
        <!--ME:</SharePoint:StartScript>-->
        <!--MS:<SharePoint:CssLink runat="server" Version="15">-->
        <!--ME:</SharePoint:CssLink>-->
        <!--MS:<SharePoint:CacheManifestLink runat="server">-->
        <!--ME:</SharePoint:CacheManifestLink>-->
        <!--MS:<SharePoint:PageRenderMode runat="server" RenderModeType="Standard">-->
        <!--ME:</SharePoint:PageRenderMode>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="core.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="menu.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="callout.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="sharing.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:ScriptLink language="javascript" name="suitelinks.js" OnDemand="true" runat="server" Localizable="false">-->
        <!--ME:</SharePoint:ScriptLink>-->
        <!--MS:<SharePoint:CustomJSUrl runat="server">-->
        <!--ME:</SharePoint:CustomJSUrl>-->
        <!--MS:<SharePoint:SoapDiscoveryLink runat="server">-->
        <!--ME:</SharePoint:SoapDiscoveryLink>-->
        <!--MS:<SharePoint:AjaxDelta id="DeltaPlaceHolderAdditionalPageHead" Container="false" runat="server">-->
            <!--MS:<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server">-->
            <!--ME:</asp:ContentPlaceHolder>-->
            <!--MS:<SharePoint:DelegateControl runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true">-->
            <!--ME:</SharePoint:DelegateControl>-->
            <!--MS:<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server">-->
            <!--ME:</asp:ContentPlaceHolder>-->
        <!--ME:</SharePoint:AjaxDelta>-->
        <!--MS:<SharePoint:CssRegistration Name="Themable/corev15.css" runat="server">-->
        <!--ME:</SharePoint:CssRegistration>-->
        <!--MS:<SharePoint:AjaxDelta id="DeltaSPWebPartManager" runat="server">-->
            <!--MS:<WebPartPages:SPWebPartManager runat="server">-->
            <!--ME:</WebPartPages:SPWebPartManager>-->
        <!--ME:</SharePoint:AjaxDelta>-->
        <!--CE: End Page Head Contents Snippet-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!--DC:Business Solutions-->
        <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
        <!--[if lte IE 7]>
  <link rel="stylesheet" href="css/ie.css" type="text/css" charset="utf-8"/> 
 <![endif]-->
        <!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
<mso:HtmlDesignFromMaster msdt:dt="string"></mso:HtmlDesignFromMaster>
<mso:HtmlDesignStatusAndPreview msdt:dt="string">http://[server_name]/sites/PubSite/_catalogs/masterpage/[site_name]/index.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
<mso:ContentTypeId msdt:dt="string">0x0101000F1C8B9E0EB4BE489F09807B2C53288F0054AD6EF48B9F7B45A142F8173F171BD10003D357F861E29844953D5CAA1D4D8A3A0084F0F9C7FCB65541A59990D173DA60FA</mso:ContentTypeId>
<mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
<mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
</mso:CustomDocumentProperties>
</xml><![endif]-->
    </head>

Marques ajoutées après la balise de début <body>

Extrait de code du ruban


<!--CS: Start Ribbon Snippet-->
        <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
        <!--SPM:<%@Register Tagprefix="wssucw" TagName="Welcome" Src="~/_controltemplates/15/Welcome.ascx"%>-->
        <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" HideFromSearchCrawler="true" EmitDiv="true">-->
            <div id="TurnOnAccessibility" style="display:none" class="s4-notdlg noindex">
                <a id="linkTurnOnAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(true);UpdateAccessibilityUI();document.getElementById('linkTurnOffAcc').focus();return false;">
                    <!--MS:<SharePoint:EncodedLiteral runat="server" text="&amp;lt;%$Resources:wss,master_turnonaccessibility%&amp;gt;" EncodeMethod="HtmlEncode">-->
                    <!--ME:</SharePoint:EncodedLiteral>-->
                </a>
            </div>
            <div id="TurnOffAccessibility" style="display:none" class="s4-notdlg noindex">
                <a id="linkTurnOffAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(false);UpdateAccessibilityUI();document.getElementById('linkTurnOnAcc').focus();return false;">
                    <!--MS:<SharePoint:EncodedLiteral runat="server" text="&amp;lt;%$Resources:wss,master_turnoffaccessibility%&amp;gt;" EncodeMethod="HtmlEncode">-->
                    <!--ME:</SharePoint:EncodedLiteral>-->
                </a>
            </div>
        <!--ME:</SharePoint:SPSecurityTrimmedControl>-->
        <div id="ms-designer-ribbon">
            <!--SID:02 {Ribbon}-->
            <!--PS: Start of READ-ONLY PREVIEW (do not modify) --><div class="DefaultContentBlock" style="background:rgb(0, 114, 198); color:white; width:100%; padding:8px; height:64px; overflow:hidden;">The SharePoint ribbon will be here when your file is either previewed on or applied to your site.</div><!--PE: End of READ-ONLY PREVIEW -->
        </div>
        <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" AuthenticationRestrictions="AnonymousUsersOnly">-->
            <!--MS:<wssucw:Welcome runat="server" EnableViewState="false">-->
            <!--ME:</wssucw:Welcome>-->
        <!--ME:</SharePoint:SPSecurityTrimmedControl>-->
        <!--CE: End Ribbon Snippet-->

Deux balises <div> SharePoint


<div id="s4-workspace">
            <div id="s4-bodyContainer">

Marques ajoutées avant la balise de fermeture </body> et les deux balises de fermeture </div>


<div data-name="ContentPlaceHolderMain">
                    <!--CS: Start PlaceHolderMain Snippet-->
                    <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
                    <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderMain" IsMainContent="true" runat="server">-->
                        <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server">-->
                            <div class="DefaultContentBlock" style="border:medium black solid; background:yellow; color:black; margin:20px; padding:10px;">
            This div, which you should delete, represents the content area that your Page Layouts and pages will fill. Design your Master Page around this content placeholder.
        
                            </div>
                        <!--ME:</asp:ContentPlaceHolder>-->
                    <!--ME:</SharePoint:AjaxDelta>-->
                    <!--CE: End PlaceHolderMain Snippet-->
                </div>

Partager via