WEB学习笔记6-正确闭合HTML标签

自闭合标签（空元素，即不能包含任何内容，这些元素对应的HTML标签成为自闭合标签）

area/base/br/col/command/embed/hr/img/input/keygen/link/meta/param/source/track/wbr

<!--非闭合标签必须有开始和结束标签-->

<a href="demo.html" title="demo">simple</a>

<!--自闭合标签必须没有结束标签-->

<img src="demo.png" alt="demo"/>

---

停止使用不标准的标签和属性，简化HTML代码

1.标签没有实际的语义，仅仅是用于设置样式

　　不推荐使用单纯设置样式的标签，如basefont、big、center、font等，应该通过css设置样式，让HTML标签功能更单一。

　　不推荐HTML标签中添加样式属性，如iframe、img、input、div等标签中的align属性，body标签上的background属性，tr和td标签上的height、width、nowrap、bgcolor、valign等属性，iframe标签中的frameborder、marginheight、scrolling等属性。此类属性应该废弃，并通过添加css样式来实现相同的效果。

　　不推荐使用<blink>或<marquee>(闪动或滚动)，这两个标签职能已经超过HTML本身，并且存在浏览器的兼容问题，如果一定要达到此种效果，可通过javascript代码来实现，并且效果会更好，如可以使用JQuery Marquee插件

2.让HTML标签具有更好的语义

　　不推荐使用<b>和<i>，显示黑体字和斜体，推荐使用更具有语义的<strong>和<em>，如果单纯是为了样式，推荐使用CSS样式定义font-weignt和font-style,让页面更简洁

　　不推荐使用<s>和<strike>， 给文字增加删除线的，可以用<del>和<ins>来代替

3.移除不常用的标签

　　acronym/applet/dir等，废弃原因：使用率低或者语义有歧义，并且有其他更好的可替代方案可以使用。