一、导航:无序列表 对 其它标签元素

用最常用的“无序列表“来写导航的理由是显而易见的,它代表一列链接,这本身就有足够的理由应选择列表标签。但需要移除list列表的默认样式,以使其更有意义。

另一个好处可能超出你的想象:你建立一个list列表,同时里面添加a链接,用css可以控制定义list列表里面一串元素。

收集分享

二、路径(面包屑):p段落标签 对 list列表标签

我们可以一起探讨这个问题,如果你有其它更好的方式请告诉我们。就我个人而言,我更喜欢用如下的代码写路径(面包屑)。(然而我不经常使用>>符号)。

首页 » 关于我们

网站路径(面包屑)在某一页面里面是有层级关系的,按道理说应该嵌套list列表来显示层级关系,但是如果你的list的列表里面只有一项的话你是怎么看待这种情况的?我个人感觉应该将网页路径(面包屑)显示在一行里面。

三、Button 对 Input我已经记不清最后一次使用input type=”submit”是什么时候了,但我很久以前就不这么使用了,原因有两个:为什么button元素非要输入type=”submit”,botton就是它本身的元素,在代码里面botton很容易识别,并且用css很容易定义(不是所有的老版本的浏览器支持这个元素标签属性)。并且它也允许我们在它里面写入其他标签元素,这样扩展了我们对它可塑性的可能性。

Submit Form

四、留言:有序列表(ol) 对 无序列表(ul)

list列表真的很棒!有3种不同类型(有序、无序和定义列表),它们各有各的用途。可能你对何时使用有序列表(ol),何时使用无序列表(ul)有所疑惑,因为它们什么时候使用都是讲得通的。留言有点像是教科书里面按时间的先后顺序排列整齐的例子,向上自然排序。每一个评论留言都对应着一个固定的时间,所以留言评论结构应该用有序列表(ol)。

Author's name

posted on date-goes-here Comment text goes here...

五、label/input:div 对 其他标签元素

给label/input外镶嵌父结构,什么标签元素才是最好的选择那?

Your Name

使用恰当的标签代码在以前是可以探讨的,但现在我还是选择了用div来镶嵌label/input,label和与之相关联的被看做一个整体。div元素拥有很广的语义特性,同时它可以适应任何形势。

Your Name

中文原文:我的5个html编写偏好

英文原文:My Top 5 HTML Coding Preferences

html网页效果分析,熟手的html编写风格与原因分析_HTML/Xhtml_网页制作相关推荐

  1. php表单网页实例,40多个漂亮的网页表单设计实例_HTML/Xhtml_网页制作

    下面我们介绍40多个漂亮的网页表单例子以及现代的解决方案和与网页表单设计有关的创造性思维.其中有一些是flash的:尽管如此,在大多数情况下,你能很容易的使用简单的css和(x)html来创建相同的设 ...

  2. php中表格标记是,HTML标记语言——表格标记_HTML/Xhtml_网页制作

    标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Ma ...

  3. html让页面两边都留点空位,标记语言——CSS布局_HTML/Xhtml_网页制作

    Chapter 12 CSS布局 本书到此为止,讨论的主要是页面内部元素,也就是内容,但是大结构怎么办?长久以来,设计者都依赖表格进行分栏布局,常常在表格之内嵌套其 点击这里返回脚本之家 HTML教程 ...

  4. 【案例分析】android广播接收不到原因分析

    [概述] 本人正在学习android开发,最近在练习android自定义广播的时候,发现广播怎么也接收不到.甚是奇怪,看到网上也有很多同学遇到同样的问题.今天特别总结一下,以供大家参考.当然如有纰漏错 ...

  5. 网页自动切换html css js,HTML页面自动清理js、css文件的缓存(自动添加版本号)_HTML/Xhtml_网页制作...

    这篇文章主要介绍了HTML页面自动清理js.css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家HTML源码,也给大家做个参考.对HTML感兴趣的小伙伴们一起跟随小编过来看看吧 在we ...

  6. MySQL源码分析-常见报错以及insert缓慢原因分析

  7. php多表头表格,HTML多表头表格代码_HTML/Xhtml_网页制作

    本文为大家介绍了多表头表格是如何实现,下面有个不错的示例,大家可以参考下 1.多表头表格代码 代码如下: 多表头表格 body{ width:98%; height:100%; font-size:1 ...

  8. RV1108 EMMC 程序下载失败原因分析

    RV1108 EMMC 程序下载失败原因分析 目录 RV1108 EMMC 程序下载失败原因分析 1. 出现的现象 硬件环境 表现出的问题 2. 原因查找 检查硬件 3. rv1108 bootloa ...

  9. 蓝牙模块传输音频出现卡顿原因分析

    蓝牙模块传输音频出现卡顿原因分析 蓝牙音乐播放卡顿的原因分析: 1.天线性能差,传输距离远,信号强度弱导致. 蓝牙音箱和蓝牙模块有效的使用范围是10-15米,实际使用一般在10米左右,超过距离就会出现 ...

最新文章

  1. C#中的一种按日期分文件夹的日志写法
  2. 机器学习小技巧:模型训练完成后发送邮件
  3. 会导致所有者权益减少的项目是_处置固定资产而发生的净损失为什么会导致所有者权益减少...
  4. SMS短信的C语言代码摘抄
  5. 真格量化——依托均线购买期权策略
  6. Android ImageView的scaleType(图片比例类型)属性与adjustViewBounds(调整视图边界)属性
  7. 苹果涉嫌利用App Store打压屏幕时间应用竞争对手 已被投诉至欧盟
  8. 在大厂工作5年的大神,给前端初学者的四大建议
  9. ccs10怎么导入工程文件_Webpack 前端工程化动态导入文件
  10. csv解析java_Java CSV解析器
  11. 6年后再一次Hello World!这本书让你久等了!
  12. 【jzoj5053】【石子游戏】【搜索】
  13. c语言中各个符号的含义总结,C语言中的符号总结
  14. java ee在线聊天室_基于jsp的网络聊天室-JavaEE实现网络聊天室 - java项目源码
  15. 通过hover显示子元素
  16. xshell对mysql的备份与恢复_XShell5里面登陆了数据库,如何将数据库里面的表或者整个数据库备份导出来(和导入进去)...
  17. sap客户信贷_SAP SD 信贷控制范围-特别总账控制的信贷更新
  18. Python糗事百科完整代码
  19. probability是什么意思_probability是什么意思_probability怎么读_probability翻译_用法_发音_词组_同反义词_可能性-新东方在线英语词典...
  20. Jsp在web开发中常用到的技术(一)

热门文章

  1. macosx jdk_MacOSX环境上的多个Java JDK
  2. jvm需要多长时间进行转义分析? 可能比您想象的要长。
  3. 与詹金斯一起将GitLab中的Gradle项目发布到Artifactory
  4. 如何将SQL GROUP BY和聚合转换为Java 8
  5. Apache Camel请向我解释这些端点选项的含义
  6. 仍不切换到Java 8的6个理由
  7. 如何使用Quartz Scheduler和日志记录创建Web应用程序
  8. Java 7:使用NIO.2进行文件过滤–第3部分
  9. Log4j线程死锁–案例研究
  10. ADF任务流:页面片段的托管bean范围