06月07, 2013

Web前端开发修炼之道-HTML篇

  1. 标签的语义化 先确定HTML,确定语义的标签,再来选用合适的CSS。浏览器会根据标签的语义给定一个默认的样式。

  2. 表单 表单域要用fieldset标签包起来,并用legend标签说明表单的用途。每一个input标签对应的说明文本都要用label标签,并通过为input设置id属性,在label标签中设置“for = someID” 来让说明文本和相应的input关联起来。 如:

    <form action = "" method ="" class = "fieldset"> 
     <filedset> <legend>XXXX</legend> <p><label for = "name"> XXX:<input type = "text" id = "name/></p> </filedset> 
    </form>
    
  3. 表格 表格标题要用caption,表头要用thead包围,主题用tbody包围,表头和一般单元格要去分开,表头用th,一般表格用td。 如:

    <table> 
     <caption>XXXX</caption> 
     <thead> <tr><th>XXXX</th><th>XXXX</th></tr> </thead> 
     <tbody> <tr><td>XXXX</td><td>XXXX</td></tr> </tbody> 
    </table>
    
  4. 注意: 尽可能少的使用无语义标签div和span语义不明确既可用div又可用p时,用p,默认有上下间距。div不能在p中,div、p不能在a中。

  5. XHTML与HTML的区别 在XHTML中要严格,但在HTML中不严格要求,应该尽量按照XHTML规范来编写: 1.标签名必须都小写2.属性名称小写,属性值写在双引号中,属性-值必须用完整的形式,属性=“值”3.标记严格嵌套4.标记必须封闭,空元素标记也要封闭<img /><br />

  6. 区分内容标记和结构标记。内容标记中不能嵌套结构标记。<p>中不能嵌套<table>

版权声明:本文为博主原创文章,未经博主允许不得转载。

本文链接:https://imjiaolong.cn/post/13.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。