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等,废弃原因:使用率低或者语义有歧义,并且有其他更好的可替代方案可以使用。

 

posted @ 2018-07-06 16:26  努力的喵喵喵  阅读(1869)  评论(0编辑  收藏  举报