UNCLASSIFIED (U)

5 FAH-8 H-450 

additional considerations for classified and restricted distribution web pages

(CT:WEB-18;   10-24-2018)
(Office of Origin: A/GIS/IPS)

5 FAH-8 H-451  INTRODUCTION

(CT:WEB-4;   06-24-2011)

This section applies only to classified and restricted distribution Department of State Web sites.

5 FAH-8 H-452  CLASSIFICATION LABELING OF WEB PAGES

(CT:WEB-4;   06-24-2011)

The requirements of E.O. 13526 concerning classified information “apply regardless of physical format and to all document types.” Webmasters are responsible for ensuring that the following markings appear clearly on all classified Web sites.

(1)  Overall classification of the page should be centered at the top and bottom of the page. The classification marking must automatically transfer to printed copies of the Web page.

(2)  Individual elements of the Web page (text, images, tables, lists, etc.) must be marked with the highest classification contained within the element as prescribed for normal printed material (see 5 FAM 480).

(3)  Classification authority and appropriate declassification instructions must display at the bottom of the Web page and automatically transfer to the printed copy (see 5 FAM 480).

(4)  For further information and guidance on classifying web pages, please write to classification@state.gov or, on CLASSNET, classification@state.sgov.gov, or see the Information Security Oversight Office’s December 2010 guide entitled:  “Marking Classified National Security Information.”

5 FAH-8 H-453  RESTRICTED DISTRIBUTION WEB PAGES

(CT:WEB-4;   06-24-2011)

Information that is unclassified but may require special marking, such as No Foreign Distribution (NOFORN), requires additional markings. SBU/NOFORN information may not be posted on a Web page on a sensitive but unclassified network. Webmasters are responsible for ensuring that the following markings appear clearly on all restricted distribution Web pages.

(1)  Individual elements of the Web page (text, images, tables, lists, etc.) must be marked with the highest restriction contained within the element as prescribed for normal printed material.

(2)  Restricted distribution marking will be similar to classified marking as described in 5 FAH-8 H-452 paragraph (2).

5 FAH-8 H-454  SAMPLE HyperText mark-up langugage (HTML) CODE TO MARK PRINTED PAGES

(CT:WEB-4;   06-24-2011)

The following is an example of Hypertext Mark-up Language (html) code.

<html>

<head>

        <title>Security Label Example</title>

    <style type="text/css">

    <!--

                @media screen {

                        body {overflow-y: hidden; margin: 0; padding: 30px 0 0 0;}

 

                        #securityBannerUnclass               {position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; overflow-y: hidden; overflow-x: hidden; background-color: #99CC99; margin: 0; border: 0; padding: 5px; color: #000000;}

                        #securityBannerConfidential  {position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; overflow-y: hidden; overflow-x: hidden; background-color: #6699FF; margin: 0; border: 0; padding: 5px; color: #000000;}

                        #securityBannerSecret         {position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; overflow-y: hidden; overflow-x: hidden; background-color: #FF6666; margin: 0; border: 0; padding: 5px; color: #000000;}

                        #securityBannerTopSecret            {position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; overflow-y: hidden; overflow-x: hidden; background-color: #FFCC66; margin: 0; border: 0; padding: 5px; color: #000000;}

                        #securityBannerSCI                     {position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; overflow-y: hidden; overflow-x: hidden; background-color: #FFFF99; margin: 0; border: 0; padding: 5px; color: #000000;}

 

                        #contentDIV                                       {height: 100%; width:100%; overflow: auto; overflow-y: auto; overflow-x: auto; padding: 10px;}

 

                        .printedSecurityBanner                         {display: none;}

                        #printedSecurityBannerUnclass             {display: none;}

                        #printedSecurityBannerConfidential        {display: none;}

                        #printedSecurityBannerSecret                       {display: none;}

                        #printedSecurityBannerTopSecret          {display: none;}

                        #printedSecurityBannerSCI                   {display: none;}

                }

 

                @media print {

                        body {margin: 0; padding: 0;}

 

                        #securityBannerUnclass                       {display: none;}

                        #securityBannerConfidential          {display: none;}

                        #securityBannerSecret                 {display: none;}

                        #securityBannerTopSecret                    {display: none;}

                        #securityBannerSCI                             {display: none;}

 

                        #contentDIV       {height: 100%; width:100%;}

 

                        .printedSecurityBanner                         {}

                        #printedSecurityBannerUnclass             {background-color: #99CC99; color: #000000; padding: 5px;}

                        #printedSecurityBannerConfidential        {background-color: #6699FF; color: #000000; padding: 5px;}

                        #printedSecurityBannerSecret                       {background-color: #FF6666; color: #000000; padding: 5px;}

                        #printedSecurityBannerTopSecret          {background-color: #FFCC66; color: #000000; padding: 5px;}

                        #printedSecurityBannerSCI                   {background-color: #FFFF99; color: #000000; padding: 5px;}

                }

 

        .contentCell {font-size: 100%;}

    -->

    </style>

</head>

 

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">

        <div id="securityBannerUnclass" align="center">

 

<!-- security banner for screen below -->

                <strong>

 

Insert banner for screen display here

 

</strong>

<!-- security banner for screen above -->

 

        </div>

        <div id="contentDIV">

<!-- security banner for printing below, part 1 -->

                <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" />

                <thead style="display: table-header-group">

                <tr class="printedSecurityBanner">

                    <th><div id="printedSecurityBannerUnclass">

 

Insert top of page classification notice here

 

</div><br /></th>

                </tr>

                </thead>

                <tfoot style="display: table-footer-group">

                <tr class="printedSecurityBanner">

                    <th><br /><div id="printedSecurityBannerUnclass">

 

Insert bottom of page classification notice here

 

</div></th>

                </tr>

                </tfoot>

                <tbody>

                <tr>

                        <td height="100%" align="left" valign="top" class="contentCell">

<!-- security banner for printing above, part 1 -->

 

<!-- page content below -->

 

Insert page content here

 

<!-- page content above -->

 

<!-- security banner for printing below, part 2 -->

                        </td>

                </tr>

                </tbody>

                </table>

<!-- security banner for printing above, part 2 -->

        </div>

</body>

</html>

5 FAH-8 H-455 THROUGH H-459  Unassigned

UNCLASSIFIED (U)