Share on facebook
Facebook
Share on twitter
Twitter

Web Designer 101: What Belongs Into the HTML Head?

The HTML head is an important component of every HTML document. It’s where the title is defined, and where JavaScript and CSS files are integrated. However, the “” element has gained even more significance over the past years. The integration of other web services like search engines and social networks also takes place here.

The website gethead.info gives you a very extensive overview of all the necessary and important elements of the HTML head.

The Most Important Things First

First, the website tells you what every “” element needs to have. This includes the “” element, as well as a couple of “” elements. HTML5 always requires the designation of the character set via meta tags. Nowadays, that shouldn’t be anything else than UTF-8.</p> <p>Additionally, gethead.info recommends some other meta tags that are generally important for an optimized display of your website. For instance, the viewport of your site should be designated using a “” element. It should also be chosen so that the display width always displays the width of your website, rather than scaling the site.</p> <p>This setting apparently requires <a href="https://www.noupe.com/?feed-stats-url=aHR0cHM6Ly93d3cubm91cGUuY29tL2Rlc2lnbi9nb29nbGUtcmVzaXplci1jYXJlcy1mb3ItcmVzcG9uc2l2ZS1kZXNpZ24tOTYyOTEuaHRtbA%3D%3D&feed-stats-url-post-id=103945">your website to be responsive</a> and designed for mobile devices. Although this should be standard by now.</p> <p>On top of that, the integration of Stylesheets and JavaScripts belong into the HTML head, as long as you want them to be loaded before the HTML body. In many cases, it makes sense to load CSS and JavaScript files at the end of the “” element. That’s because everything that is loaded in the head slows down the loading of the actual content.</p> <h3>Meta Tags for Search Engines</h3> <p>Do you want a search engine to consider an HTML document and the linked pages during indexing? The answer to this question should be in the HTML head as well, and is defined by the meta tag “robots,” and the values “index,” “noindex,” “follow,” and “nofollow.”</p> <figure id="attachment_103949" style="max-width: 1024px" class="wp-caption aligncenter"><img loading="lazy" class="size-large wp-image-103949" src="https://www.noupe.com/wp-content/uploads/2018/01/gethead_suche-1024x472.jpg" alt="" width="1024" height="472" /><figcaption class="wp-caption-text">Meta Tags for Search Engines</figcaption></figure> <p>However, gethead.info also lists other “” elements, allowing you to verify different search engines, for example. This could be useful to be able to use <a href="https://www.noupe.com/?feed-stats-url=aHR0cHM6Ly93d3cubm91cGUuY29tL2J1c2luZXNzLW9ubGluZS9mcmVlbGFuY2UvMTUtZnJlZS1nb29nbGUtdG9vbHMteW91LXNob3VsZC11c2UtOTM4NTIuaHRtbA%3D%3D&feed-stats-url-post-id=103945">Google’s search console</a> – but also applies to other search engines such as Bing, or services such as Pinterest.</p> <h3>Defining Referrals in the HTML Head</h3> <p>Aside from Stylesheets, the “” element is also used to integrate plenty of other referrals into the HTML head. <a href="https://www.noupe.com/?feed-stats-url=aHR0cHM6Ly93d3cubm91cGUuY29tL2J1c2luZXNzLW9ubGluZS9kdXBsaWNhdGUtY29udGVudC1nb29nbGUtY2xhcmlmaWVzLmh0bWw%3D&feed-stats-url-post-id=103945">To avoid duplicate content</a>, for instance, use the “” tag “canonical” to define a link that refers to a document with identical content, which is accessible via a different URL.</p> <p>RSS feeds, and the integration of Open Search happens through the setting of links in the “” element.</p> <p>Referrals to archives, author, and index pages are also done this way. This lets you link to the previous and following pages on sites with pagination as well. This is just as interesting for search engines as it is for a few browsers that can comprehend the structure of your website better this way.</p> <h3>Integrating Social Networks for Sharing</h3> <p>Social networks are a significant factor. If you want to share posts or other documents of your website on Facebook or Twitter, it is recommended to place fitting tags in the head, allowing for the correct display of the document’s title, image and description.</p> <figure id="attachment_103948" style="max-width: 1024px" class="wp-caption aligncenter"><img loading="lazy" class="size-large wp-image-103948" src="https://www.noupe.com/wp-content/uploads/2018/01/gethead_opengraph-1024x275.jpg" alt="" width="1024" height="275" /><figcaption class="wp-caption-text">Integration of Open Graph Tags for Facebook</figcaption></figure> <p>Aside from the Open Graph standard, supported by Facebook, and interpreted by other services such as Google+ and LinkedIn, Twitter has its own integration tags called Twitter Cards.</p> <h3>Peculiarities of Browsers and Operating Systems</h3> <p>When it comes to saving a website as a favorite, browsers and OSes have their own peculiarities.</p> <p>For instance, Windows 10 lets you define individual icons and colors, creating a tile for the favorite. Apple saves a referral to the favorite with special icons, integrated with different sizes.</p> <p>Is there an app for your website? If so, that’s another thing you can add to the HTML head using tags. Both Apple and Android provide links to their respective app stores. Accessing your website with a fitting smartphone or tablet notifies the visitor that there is an app available.</p> <h3>Conclusion</h3> <p>The website gethead.info is not only an interesting starting point for newbies, but for advanced users as well. The list is rather extensive and provides a lot of information in a short form.</p> <p>Apart from the briefly presented tags, you’ll find many more, some of them being very specific. There are meta tags for rather unknown browsers, too.</p> <p>Additionally, you’ll get a few tips on how to improve your website’s performance with according markup, as well as links to related projects.</p> <p>The website <a href="https://www.noupe.com/?feed-stats-url=aHR0cHM6Ly9nZXRoZWFkLmluZm8v&feed-stats-url-post-id=103945">gethead.info</a> is distributed under the public domain license and gets hosted on GitHub. There, you can download different snippets as a template for your own web projects.</p> <p> <img loading="lazy" src="https://www.noupe.com/?feed-stats-post-id=103945" width="1" height="1" /></p> </div> </div> <div class="elementor-element elementor-element-d031fce elementor-widget elementor-widget-post-comments" data-id="d031fce" data-element_type="widget" data-widget_type="post-comments.theme_comments"> <div class="elementor-widget-container"> <div id="comments" class="comments-area"> </div><!-- #comments --> </div> </div> <div class="elementor-element elementor-element-d03e90f elementor-post-navigation-borders-yes elementor-widget elementor-widget-post-navigation" data-id="d03e90f" data-element_type="widget" data-widget_type="post-navigation.default"> <div class="elementor-widget-container"> <div class="elementor-post-navigation elementor-grid"> <div class="elementor-post-navigation__prev elementor-post-navigation__link"> <a href="https://www.box160.com/underlining-text-now-with-different-colors-and-more-effects/" rel="prev"><span class="post-navigation__arrow-wrapper post-navigation__arrow-prev"><i class="fa fa-angle-left" aria-hidden="true"></i><span class="elementor-screen-only">Prev</span></span><span class="elementor-post-navigation__link__prev"><span class="post-navigation__prev--label">Previous</span><span class="post-navigation__prev--title">Underlining Text – Now With Different Colors and More Effects</span></span></a> </div> <div class="elementor-post-navigation__separator-wrapper"> <div class="elementor-post-navigation__separator"></div> </div> <div class="elementor-post-navigation__next elementor-post-navigation__link"> <a href="https://www.box160.com/what-do-web-developers-need-to-know-about-the-internet-of-things/" rel="next"><span class="elementor-post-navigation__link__next"><span class="post-navigation__next--label">Next</span><span class="post-navigation__next--title">What do Web Developers Need to Know About the Internet of Things?</span></span><span class="post-navigation__arrow-wrapper post-navigation__arrow-next"><i class="fa fa-angle-right" aria-hidden="true"></i><span class="elementor-screen-only">Next</span></span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </main><!-- #main --> </div><!-- #primary --> </div> <!-- ast-container --> </div><!-- #content --> <div data-elementor-type="footer" data-elementor-id="6852" class="elementor elementor-6852 elementor-location-footer" data-elementor-settings="[]"> <div class="elementor-section-wrap"> <footer data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-49a511b6 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="49a511b6" data-element_type="section" data-settings="{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2dede30a" data-id="2dede30a" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-ace273e elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ace273e" data-element_type="section" data-settings="{"ekit_has_onepagescroll_dot":"yes"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-431021ae" data-id="431021ae" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-d2ef5b7 elementor-nav-menu__align-left elementor-nav-menu--dropdown-mobile elementor-nav-menu--stretch elementor-nav-menu__text-align-center elementor-nav-menu--indicator-classic elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="d2ef5b7" data-element_type="widget" data-settings="{"full_width":"stretch","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav role="navigation" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"><ul id="menu-1-d2ef5b7" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1509"><a href="https://www.box160.com/blog" class="menu-link elementor-item">Recent Articles</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6681"><a href="https://www.box160.com/posts/" class="menu-link elementor-item">Categories</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4779"><a href="https://www.box160.com/about/" class="menu-link elementor-item">About</a></li> </ul></nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <i class="eicon-menu-bar" aria-hidden="true"></i> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" role="navigation" aria-hidden="true"><ul id="menu-2-d2ef5b7" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1509"><a href="https://www.box160.com/blog" class="menu-link elementor-item">Recent Articles</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6681"><a href="https://www.box160.com/posts/" class="menu-link elementor-item">Categories</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4779"><a href="https://www.box160.com/about/" class="menu-link elementor-item">About</a></li> </ul></nav> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6194ba17" data-id="6194ba17" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-37eafba elementor-widget elementor-widget-heading" data-id="37eafba" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">+1 317-727-3351</p> </div> </div> </div> </div> </div> </div> </div> </section> <section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-5ed6eec6 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5ed6eec6" data-element_type="section" data-settings="{"ekit_has_onepagescroll_dot":"yes"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-58bcb9e3" data-id="58bcb9e3" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-4081ea21 elementor-widget elementor-widget-heading" data-id="4081ea21" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Copyright © Box 160 LLC 2003-2020. All rights reserved. </p> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1a97ceda" data-id="1a97ceda" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-28cd2523 elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="28cd2523" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid"> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-993ef04" href="https://www.facebook.com/DaveLeininger/" target="_blank"> <span class="elementor-screen-only">Facebook-f</span> <i class="fab fa-facebook-f"></i> </a> </div> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-c5e570a" href="https://www.linkedin.com/in/daveleininger/" target="_blank"> <span class="elementor-screen-only">Linkedin</span> <i class="fab fa-linkedin"></i> </a> </div> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-a229ff5" href="https://twitter.com/daveleininger" target="_blank"> <span class="elementor-screen-only">Twitter</span> <i class="fab fa-twitter"></i> </a> </div> <div class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-pinterest elementor-repeater-item-4e66f9c" href="https://www.pinterest.com/box160/boards/" target="_blank"> <span class="elementor-screen-only">Pinterest</span> <i class="fab fa-pinterest"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </footer> </div> </div> </div><!-- #page --> <script type="text/javascript"> /*<![CDATA[*/ var gmapstyles = 'default'; /* ]]> */ </script> <div class='evo_lightboxes'> <div class='evo_lightbox eventcard eventon_events_list' id=''> <div class="evo_content_in"> <div class="evo_content_inin"> <div class="evo_lightbox_content"> <a class='evolbclose '>X</a> <div class='evo_lightbox_body eventon_list_event evo_pop_body evcal_eventcard'></div> </div> </div> </div> </div> </div><script id='astra-theme-js-js-extra'> var astra = {"break_point":"921","isRtl":""}; </script> <script src='https://www.box160.com/wp-content/themes/astra/assets/js/minified/style.min.js?ver=2.5.5' id='astra-theme-js-js'></script> <script src='https://www.box160.com/wp-content/plugins/embedpress/assets/js/front.js?ver=2.6.1' id='embedpress-front-js'></script> <script id='social_js-js-extra'> var Sociali18n = {"commentReplyTitle":"Post a Reply"}; </script> <script src='https://www.box160.com/wp-content/plugins/social/assets/social.js?ver=3.1.1' id='social_js-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementskit-lite/libs/framework/assets/js/frontend-script.js?ver=2.0.6' id='elementskit-framework-js-frontend-js'></script> <script id='elementskit-framework-js-frontend-js-after'> var elementskit = { resturl: 'https://www.box160.com/wp-json/elementskit/v1/', } </script> <script src='https://www.box160.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=2.0.6' id='ekit-widget-scripts-js'></script> <script src='https://maps.googleapis.com/maps/api/js?key&ver=5.5.1' id='ekit-google-map-api-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/gmaps.min.js?ver=5.5.1' id='ekit-google-gmaps-js'></script> <script src='https://www.box160.com/wp-includes/js/wp-embed.min.js?ver=5.5.1' id='wp-embed-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.0.1' id='smartmenus-js'></script> <script id='9fa0050b4-js-extra'> var localize = {"ajaxurl":"https:\/\/www.box160.com\/wp-admin\/admin-ajax.php","nonce":"1c85e37c81","ParticleThemesData":{"default":"{\"particles\":{\"number\":{\"value\":160,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":true,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"repulse\"},\"onclick\":{\"enable\":true,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nasa":"{\"particles\":{\"number\":{\"value\":250,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":1,\"random\":true,\"anim\":{\"enable\":true,\"speed\":1,\"opacity_min\":0,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":4,\"size_min\":0.3,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":1,\"direction\":\"none\",\"random\":true,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":600}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":250,\"size\":0,\"duration\":2,\"opacity\":0,\"speed\":3},\"repulse\":{\"distance\":400,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","bubble":"{\"particles\":{\"number\":{\"value\":15,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#1b1e34\"},\"shape\":{\"type\":\"polygon\",\"stroke\":{\"width\":0,\"color\":\"#000\"},\"polygon\":{\"nb_sides\":6},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":50,\"random\":false,\"anim\":{\"enable\":true,\"speed\":10,\"size_min\":40,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":200,\"color\":\"#ffffff\",\"opacity\":1,\"width\":2},\"move\":{\"enable\":true,\"speed\":8,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":false,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","snow":"{\"particles\":{\"number\":{\"value\":450,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#fff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":500,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":2},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"bottom\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":0.5}},\"bubble\":{\"distance\":400,\"size\":4,\"duration\":0.3,\"opacity\":1,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nyan_cat":"{\"particles\":{\"number\":{\"value\":150,\"density\":{\"enable\":false,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"star\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"http:\/\/wiki.lexisnexis.com\/academic\/images\/f\/fb\/Itunes_podcast_icon_300.jpg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":4,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":14,\"direction\":\"left\",\"random\":false,\"straight\":true,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":200,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}"}}; </script> <script src='https://www.box160.com/wp-content/uploads/essential-addons-elementor/9fa0050b4.min.js?ver=1603820032' id='9fa0050b4-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.0.10' id='elementor-frontend-modules-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.0.5' id='elementor-sticky-js'></script> <script id='elementor-pro-frontend-js-before'> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.box160.com\/wp-admin\/admin-ajax.php","nonce":"f45d8429ab","i18n":{"toc_no_headings_found":"No headings were found on this page."},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"google":{"title":"Google+","has_counter":true},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"delicious":{"title":"Delicious"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"weixin":{"title":"WeChat"},"weibo":{"title":"Weibo"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.box160.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src='https://www.box160.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.0.5' id='elementor-pro-frontend-js'></script> <script src='https://www.box160.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4' id='jquery-ui-position-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.8.1' id='elementor-dialog-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6' id='swiper-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=3.0.10' id='share-link-js'></script> <script id='elementor-frontend-js-before'> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"version":"3.0.10","is_static":false,"legacyMode":{"elementWrappers":true},"urls":{"assets":"https:\/\/www.box160.com\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":4489,"title":"Web%20Designer%20101%3A%20What%20Belongs%20Into%20the%20HTML%20Head%3F%20%E2%80%93%20Social%20Media%20Management","excerpt":"","featuredImage":false}}; </script> <script src='https://www.box160.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.0.10' id='elementor-frontend-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/elementor.js?ver=2.0.6' id='elementskit-elementor-js'></script> <script src='https://www.box160.com/wp-content/plugins/elementskit-lite/modules/controls/assets/js/widgetarea-editor.js?ver=2.0.6' id='elementskit-js-widgetarea-control-editor-js'></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>