XHTML code specification

xiaoxiao2021-03-06  64

Author: Acha Time: 2004-6-3 Document Type: Original from: Web Designer

Before you start formal content production, we must first understand the specifications for the web standard. Understanding these specifications can help you take less detours and pass the code verification as soon as possible. 1. All tags must have a corresponding end tag before you in HTML, you can open a number of tags, such as

and

  • without writing the corresponding and to close they. But this is illegal in XHTML. XHTML requires a rigorous structure, and all labels must be closed. If it is a label that is not pair, it is closed at the label last adds "/" to close it. For example:
    web designer 2. All tags and attributes You must use lowercase and HTML. XHTML is sensitive to case, and <title> are different tabs. XHTML requires all the names of all labels and properties to use lowercase. For example: <body> must be written in <body>. Calculation inclusions are also not recognized, usually Dreamweaver automatically generated attribute name "OnMouseOver" must also be modified to "OnMouseOver". 3. All XML tags must be reasonably nested. Since XHTML requires a rigorous structure, all nestings must be in order, before we write this code: <p> <b> </ p> / b> It must be modified to: <p> <b> </ b> / p> means that a layer of nest must be strictly symmetrical. 4. All attributes must be used in HTML "", you can't add quotation marks to the attribute value, but in XHTML, they must be quoted. For example: <height = 80> must be modified to: <height = "80"> special case, you need to use double quotes in the attribute value, you can use ", single quotes can be used", for example: <alt = "Say ' Hello '"> 5. Indicates all <and & special symbols to indicate any less than the number (<), not part of the label, must be encoded as & lt; any greater than the number (>), not part of the label, must It is encoded as & gt; no number (&), not part of the entity must be encoded as & amp; Note: There is no space between the above characters. 6. Give all attributes to set a value XHTML to specify all attributes There is a value, no value, repeat itself. For example: <TD NOWRAP> <input type = "checkbox" name = "shirt" value = "Medium" Checked> must be modified to: <TD NOWRAP = "NOWRAP"> <input Type = "checkbox" name = "shirt" value = "medium" check = "checked"></p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-119891.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="119891" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.037</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = '4tcWpqRaE3M2K5mYC9eym4MSDsz8bh6VJhzHYOV4wDuqqqkaD0_2FKGK8JqIQ7xUFsgSQZajR_2Bk4_2B1ePOk'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>