熟手的html编写风格与原因分析
一、导航无序列表 对 其它标签元素
用最常用的“无序列表“来写导航的理由是显而易见的,它代表一列链接,这本身就有足够的理由应选择列表标签。但需要移除list列表的默认样式,以使其更有意义。
另一个好处可能超出你的想象你建立一个list列表,里面添加a链接,用css可以控制定义list列表里面一串元素。
<ul><li><a href="#">收集分享</a></li></ul>
二、路径(面包屑)p段落标签 对 list列表标签
我们可以一起探讨这个问题,如果你有其它更好的方式请告诉我们。就我个人而言,我更喜欢用如下的代码写路径(面包屑)。(我不经常使用>>符号)。
<p id="breadcrumbs"><a href="#">首页</a> » <a href="#">关于我们</a> </p>
网站路径(面包屑)在某一页面里面是有层级关系的,按道理说应该嵌套list列表来显示层级关系,如果你的list的列表里面只有一项的话你是怎么看待这种情况的?我个人感觉应该将网页路径(面包屑)显示在一行里面。
三、Button 对 Input
我已经记不清一次使用input type=”submit”是什么时候了,但我很久以前就不这么使用了,原因有两个为什么button元素非要输入type=”submit”,botton就是它本身的元素,在代码里面botton很容易识别,并且用css很容易定义(不是所有的老版本的浏览器支持这个元素标签属性)。并且它也允许我们在它里面写入其他标签元素,这样扩展了我们对它可塑性的可能性。
<button type="submit">Submit Form</button>
四、留言有序列表(ol) 对 无序列表(ul)
list列表真的很棒!有3种不同类型(有序、无序和定义列表),它们各有各的用途。可能你对何时使用有序列表(ol),何时使用无序列表(ul)有所疑惑,因为它们什么时候使用都是讲得通的。留言有点像是教科书里面按时间的先后顺序排列整齐的例子,向上自然排序。每一个评论留言都对应着一个固定的时间,所以留言评论结构应该用有序列表(ol)。
<ol> <li> <ul> <li><img src="path-to-gravatar.gif" alt="Author's name" /></li> <li><a href="url-to-authors-homepage.html">Author's name</a></li> <li>posted on date-goes-here</li> </ul> <div>Comment text goes here...</div> </li> </ol>
五、label/inputdiv 对 其他标签元素
给label/input外镶嵌父结构,什么标签元素才是最好的选择那?
<label for="contactName">Your Name</label> <input type="text" name="contactName" id="contactName" />
使用恰当的标签代码在以前是可以探讨的,但现在我还是选择了用div来镶嵌label/input,label和与之相关联的被看做一个整体。div元素拥有很广的语义特性,它可以适应任何形势。
<div> <label for="contactName">Your Name</label> <input type="text" name="contactName" id="contactName" /> </div>
中文原文
英文原文
长沙网站设计
- 如何进行东阳SEO关键词优化?
- 边坝哪有关键词排名优化:提升你的网站流量与
- 安国百度优化服务:提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化:提升您网站曝光率
- 临沂seo网站排名关键词优化:提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广:提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名:提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO:提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务:提升在线可见性的关键