{"id":70247,"date":"2021-08-30T04:10:05","date_gmt":"2021-08-30T08:10:05","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/recent-posts\/web-page-design-standards-10\/"},"modified":"2021-08-30T04:10:05","modified_gmt":"2021-08-30T08:10:05","slug":"web-page-design-standards-10","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=70247","title":{"rendered":"Web page design standards #10"},"content":{"rendered":"<p>Try to follow the following rules while creating a web-page. <br \/>1. Decide what you want to use HTML or XHTML. Better to go <br \/>with XHTML. Which XHTML? Strict or transitional?  Go for <br \/>strict one, that way you will be in the most standard way.<\/p>\n<p>2. If you are new into XHTML try transitional first, when you are <br \/>comfortable in Transitional style, switch to Strict.<br \/> Rememebr, strict will not support many non-standard tags<br \/> and coding you usually use, so it may sound a bit difficult.<\/p>\n<p>3. Some XHTML rules<br \/>a. Simply use a Doctype.<br \/>b. Use lower case for all tags<br \/>c. enclose all attribute values<br \/>d. close all tags even <\/p>\n<hr \/>\n<p>e. Try to use css for layout<br \/>f. Even assign values to empty attributes like checked=&#8217;checked&#8217;, readonly=&#8217;true&#8217;<br \/>g. nest attributes correctly<\/p>\n<p>4. Page Layout<br \/>Most recent and most standard way is to use pure css (div,span tags) to create page layouts<br \/>However, not all browsers are that advanced. With css layout horizontal alignment is problemetic. <br \/>Also, placing page footers in the right place becomes difficult.<\/p>\n<p>A good way is, try css first. If you face problems use tables for the outer layout and for internal layout (under the table) never use tables just use css(div). Use table internally only to display tabular data not for layout.<\/p>\n<p>5. Always use both id and name tags. use id tag before name tag. <br \/>6. For javascript use Use the Document.getElementById DOM that is compatible in all browsers<br \/>7. Always use attributes or set properties in div tag not in the td tag when you use div inside td. But use valign on the td, it does not work with div<\/p>\n<p>Page layout with minimal use of table<\/p>\n<pre><table>   <tr>        <td colspan=\"2\">            <div class=\"header\">            Header          <\/div>      <\/td>   <\/tr>   <tr>        <td>            <div class=\"navigation\">            Navigation          <\/div>      <\/td>       <td>            <div class=\"content\">           Content         <\/div>      <\/td>   <\/tr>   <tr>        <td colspan=\"2\" style=\"vertical-align: bottom\">         <div class=\"footer\">            Footer          <\/div>      <\/td>   <\/tr><\/table><\/pre>\n<p>8.  is deprecated and centering a block in css is difficult. So rather use the following css<\/p>\n<blockquote>\n<p>div.container {<br \/>text-align: center;<br \/>}<\/p>\n<p>div.text {<br \/>margin-left: auto;<br \/>margin-right: auto;<br \/>text-align: left; \/* overrule inheritance *\/<\/p>\n<p>}<\/p>\n<\/blockquote>\n<p>From: http:\/\/sitestree.com\/?p=4796<br \/> Categories:10<br \/>Tags:<br \/> Post Data:2009-10-13 11:35:30<\/p>\n<pre><code>    Shop Online: &lt;a href='https:\/\/www.ShopForSoul.com\/' target='new' rel=\"noopener\"&gt;https:\/\/www.ShopForSoul.com\/&lt;\/a&gt;\n    (Big Data, Cloud, Security, Machine Learning): Courses: &lt;a href='http:\/\/Training.SitesTree.com' target='new' rel=\"noopener\"&gt; http:\/\/Training.SitesTree.com&lt;\/a&gt; \n    In Bengali: &lt;a href='http:\/\/Bangla.SaLearningSchool.com' target='new' rel=\"noopener\"&gt;http:\/\/Bangla.SaLearningSchool.com&lt;\/a&gt;\n    &lt;a href='http:\/\/SitesTree.com' target='new' rel=\"noopener\"&gt;http:\/\/SitesTree.com&lt;\/a&gt;\n    8112223 Canada Inc.\/JustEtc: &lt;a href='http:\/\/JustEtc.net' target='new' rel=\"noopener\"&gt;http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) &lt;\/a&gt;\n    Shop Online: &lt;a href='https:\/\/www.ShopForSoul.com'&gt; https:\/\/www.ShopForSoul.com\/&lt;\/a&gt;\n    Medium: &lt;a href='https:\/\/medium.com\/@SayedAhmedCanada' target='new' rel=\"noopener\"&gt; https:\/\/medium.com\/@SayedAhmedCanada &lt;\/a&gt;\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Try to follow the following rules while creating a web-page. 1. Decide what you want to use HTML or XHTML. Better to go with XHTML. Which XHTML? Strict or transitional? Go for strict one, that way you will be in the most standard way. 2. If you are new into XHTML try transitional first, when &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=70247\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1917],"tags":[],"class_list":["post-70247","post","type-post","status-publish","format-standard","hentry","category-fromsitestree-com","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6810,"url":"http:\/\/bangla.sitestree.com\/?p=6810","url_meta":{"origin":70247,"position":0},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0993 \u098f\u0995\u09cd\u09b8\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 (HTML and XHTML)","author":"Author-Check- Article-or-Video","date":"April 11, 2015","format":false,"excerpt":"XHTML \u0995\u09bf XHTML \u098f\u09b0 \u09aa\u09c2\u09b0\u09cd\u09a8\u09b0\u09c1\u09aa \u09b9\u09b2 EXtensible HyperText Markup Language\u0964 \u098f\u099f\u09bf \u0985\u09ac\u09bf\u0995\u09b2 HTML \u098f\u09b0 \u09ae\u09a4 \u09a4\u09ac\u09c7 \u0995\u09bf\u099b\u09c1\u099f\u09be \u0995\u09a0\u09cb\u09b0\u0964 XHTML \u09b8\u09ac \u09ac\u09dc \u09ac\u09dc \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964 \u00a0 \u0995\u09c7\u09a8 XHTML \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac\u09cb? HTML \u0995\u09cb\u09a1\u09bf\u0982 \u098f \u0995\u09cb\u09a8 \u09ad\u09c1\u09b2 \u09a5\u09be\u0995\u09b2\u09c7\u0993 \u0985\u09a8\u09c7\u0995 \u09b8\u09ae\u09df \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09bc\u09be\u09b0\u09c7 \u09a4\u09be \u09a7\u09b0\u09be \u09aa\u09dc\u09c7\u09a8\u09be \u098f\u09ac\u0982 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ad\u09be\u09ac\u09c7\u0987 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09df\u0964 \u0995\u09bf\u09a8\u09cd\u09a4\u2026","rel":"","context":"In &quot;\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML&quot;","block_context":{"text":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML","link":"http:\/\/bangla.sitestree.com\/?cat=494"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6531,"url":"http:\/\/bangla.sitestree.com\/?p=6531","url_meta":{"origin":70247,"position":1},"title":"\u09b8\u09be\u09b0\u09cd\u099a \u0987\u099e\u09cd\u099c\u09bf\u09a8 \u0985\u09aa\u099f\u09bf\u09ae\u09be\u0987\u099c\u09c7\u09b6\u09a8\u0983 \u0993\u09df\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09ad\u09c7\u09b0\u09bf\u09ab\u09be\u0987 \u0995\u09b0\u09be \u0964 SEO &#8211; Verifying Web Site","author":"Author-Check- Article-or-Video","date":"February 26, 2015","format":false,"excerpt":"\u09b0\u09bf\u09a6\u0993\u09df\u09be\u09a8 \u09ac\u09bf\u09a8 \u09b6\u09be\u09ae\u09bf\u09ae \u0995\u09cb\u09a8 \u098f\u0995\u099f\u09bf \u0993\u09df\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0993 \u09a1\u09c7\u09ad\u09b2\u09be\u09aa \u0995\u09b0\u09be\u09b0 \u09aa\u09b0 \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u09ac\u09cb\u099d\u09be \u09af\u09be\u09ac\u09c7 \u09b8\u09ac HTML syntax \u09a0\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 \u0995\u09bf\u09a8\u09be? \u0995\u09be\u09b0\u09a3 \u09b8\u09be\u09b0\u09cd\u099a \u0987\u099e\u09cd\u099c\u09bf\u09a8 \u0997\u09c1\u09b2\u09cb \u09b8\u09be\u09a7\u09be\u09b0\u09a3\u09a4 \u09ad\u09c1\u09b2 HTML syntax \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09cb\u09a8 \u0985\u09ad\u09bf\u09af\u09cb\u0997 \u0995\u09b0\u09c7 \u09a8\u09be\u0964 \u0985\u09a8\u09c7\u0995 \u098f\u09b8\u0987\u0993 \u098f\u0995\u09cd\u09b8\u09aa\u09be\u09b0\u09cd\u099f \u09ac\u09b2\u09c7\u09a8 \u09b8\u09be\u09b0\u09cd\u099a \u0987\u099e\u09cd\u099c\u09bf\u09a8 \u0985\u09aa\u099f\u09bf\u09ae\u09be\u0987\u099c\u09c7\u09b6\u09a8 HTML\/XHTML \u09ad\u09c7\u09b0\u09bf\u09ab\u09bf\u0995\u09c7\u09b8\u09a8\u09c7\u09b0 \u0989\u09aa\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09c7 \u09a8\u09be\u0964 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1\u2026","rel":"","context":"In &quot;\u098f\u09b8 \u0987 \u0993 - \u09e6\u09e6\u09e9 \u0964 SEO Details - 003&quot;","block_context":{"text":"\u098f\u09b8 \u0987 \u0993 - \u09e6\u09e6\u09e9 \u0964 SEO Details - 003","link":"http:\/\/bangla.sitestree.com\/?cat=189"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":23188,"url":"http:\/\/bangla.sitestree.com\/?p=23188","url_meta":{"origin":70247,"position":2},"title":"More CSS Layouts #Root #By Sayed Ahmed","author":"Author-Check- Article-or-Video","date":"March 26, 2021","format":false,"excerpt":"Three Column layout with header and footer: The CSS html, body { margin: 0; padding: 0; } #header { width: 800px; float: left; } #maincontainer { width: 800px; float: left; } #nav { width: 200px; float: left; } #main { float: right; width: 600px; } #footer { width: 800px; float:\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21581,"url":"http:\/\/bangla.sitestree.com\/?p=21581","url_meta":{"origin":70247,"position":3},"title":"DotNetNuke ErrorPages.aspx #Web Development #Root #By Sayed Ahmed","author":"Author-Check- Article-or-Video","date":"March 2, 2021","format":false,"excerpt":"<%@ Page Language=\"C#\" AutoEventWireup=\"false\" Inherits=\"DotNetNuke.Services.Exceptions.ErrorPage\" CodeFile=\"ErrorPage.aspx.cs\" %> <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"> <html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" lang=\"en-US\"> <head> <meta name=\"revisit-after\" content=\"1 days\" \/> <meta name=\"robots\" content=\"noindex,nofollow\" \/> <title runat=\"server\" id=\"Title\">Error<\/title> <link id=\"DefaultStylesheet\" runat=\"server\" rel=\"stylesheet\" type=\"text\/css\" href=\"~\/Portals\/_default\/default.css\" \/> <link id=\"InstallStylesheet\" runat=\"server\" rel=\"stylesheet\" type=\"text\/css\" href=\"~\/Install\/install.css\" \/> <\/head> <body> <form id=\"Form\" runat=\"server\">\u2026","rel":"","context":"In &quot;C# - Misc&quot;","block_context":{"text":"C# - Misc","link":"http:\/\/bangla.sitestree.com\/?cat=1973"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21710,"url":"http:\/\/bangla.sitestree.com\/?p=21710","url_meta":{"origin":70247,"position":4},"title":"DotNetNuke ErrorPages.aspx #Web Development","author":"Author-Check- Article-or-Video","date":"March 4, 2021","format":false,"excerpt":"<%@ Page Language=\"C#\" AutoEventWireup=\"false\" Inherits=\"DotNetNuke.Services.Exceptions.ErrorPage\" CodeFile=\"ErrorPage.aspx.cs\" %> <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"> <html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" lang=\"en-US\"> <head> <meta name=\"revisit-after\" content=\"1 days\" \/> <meta name=\"robots\" content=\"noindex,nofollow\" \/> <title runat=\"server\" id=\"Title\">Error<\/title> <link id=\"DefaultStylesheet\" runat=\"server\" rel=\"stylesheet\" type=\"text\/css\" href=\"~\/Portals\/_default\/default.css\" \/> <link id=\"InstallStylesheet\" runat=\"server\" rel=\"stylesheet\" type=\"text\/css\" href=\"~\/Install\/install.css\" \/> <\/head> <body> <form id=\"Form\" runat=\"server\">\u2026","rel":"","context":"In &quot;C# - Misc&quot;","block_context":{"text":"C# - Misc","link":"http:\/\/bangla.sitestree.com\/?cat=1973"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20554,"url":"http:\/\/bangla.sitestree.com\/?p=20554","url_meta":{"origin":70247,"position":5},"title":"Introduction to HTML5","author":"Author-Check- Article-or-Video","date":"February 22, 2021","format":false,"excerpt":"HTML5 is one of the latest standards for HTML. The former form of HTML, HTML 4.01, which came in 1999, and the internet has improved expressively since then. HTML5 is designed to replace HTML DOM Level 2, XHTML, and HTML 4. It is especially planned to deliver rich content minus\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/70247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=70247"}],"version-history":[{"count":0,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/70247\/revisions"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=70247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=70247"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=70247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}