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
Previously in HTML, you can open a number of labels, such as
and
without having to write the corresponding and to close them. 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. E.g:
2. The names of all tags and attributes must use lowercase
Unlike HTML, XHTML is sensitive to case,
and <title> are different labels. 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".</p>
<p>3. All XML tags must be reasonable nested</p>
<p>Also because XHTML requires a rigorous structure, all nesters must be written in order, before we write this code:</p>
<p><p> <b> </ p> / b></p>
<p>Must be modified to:</p>
<p><p> <b> </ b> / p></p>
<p>That is to say, the nest of one layer must be strictly symmetrical.</p>
<p>4. All attributes must be quoted ""</p>
<p>In HTML, you don't need to add quotes to attribute values, but in XHTML, they must be an extension. E.g:</p>
<p><HEIGHT = 80></p>
<p>Must be modified to:</p>
<p><HEIGHT = "80"></p>
<p>Special circumstances, you need to use double quotes in the attribute value, you can use ", single quotes can be used, for example:</p>
<p><alt = "Say'Hello '"></p>
<p>5. Represent all <and & special symbols</p>
<p>Any smaller than the number (<), not part of the label, must be encoded as & lt; any greater than the number (>), not part of the label, must be encoded as & gt; any number (&), not entity Part of it must be encoded as & amp;</p>
<p>Note: There is no space between the above characters.</p>
<p>6. Give all attributes a value</p>
<p>XHTML specifies that all attributes must have a value, and no value is repeated. E.g:</p>
<p><TD NOWRAP> <input type = "checkbox" name = "shirt" value = "Medium" checked></p>
<p>Must be modified to:</p>
<p><TD NOWRAP = "NOWRAP"> <input type = "checkbox" name = "shirt" value = "medium" checked = "checked"> 7. Do not make "-" in the comment content</p>
<p>"-" can only occur in the beginning and end of XHTML annotation, that is, they are no longer effective in content. For example, the following code is invalid:</p>
<p><! - This is a comment ----------- Here is a comment-></p>
<p>Replace the internal dashed line with an equal number or space.</p>
<p><! - Here is the comment ============ This is a comment-></p>
<p>These specifications have a strange thing, but all this is to make our code a unified, unique standard, which is convenient for future data reuse.</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-99548.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="99548" 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.036</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 = 'yuME_2FcjRwk2lztLPa8_2BKcOwwVFqo0d04B8H0gRFn83IANXh9EsuFlN5sdrTwbi92tEenOoQ_2B0IXI3eUsJPvIxQ_3D_3D';
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>
