快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

澳门威利斯人网站44_范仲淹网进入



p br

先说个最简单的。分段要用p标签而不是用br(以致继续两个

)。这个彷佛不用多说。然则无意偶尔候我们不得不放弃这个原则。一个常见的例子是论坛发帖,假如我想分段,便打回车。而如斯传输到后台并显示出来的,显然便是用

分段的。

table th

因为大年夜力宣扬div+css的结果,彷佛现在谁用table结构谁便是未开化的土著。但我觉得这种不雅点是不精确的。table的含义是表格,是以凡是应该以表格形式呈现的数据,仍旧应该用table结构。简单的例子是班级同砚的诨名册,包括姓论理学号性别等等,这显着是一个表格形式澳门威利斯人网站44的数据,是以应该用table结构。另一个对照值得探究的例子是,blog里面的日历导航。我曾经有见过一个blog法度榜样,它的日历导航里的各个日期,从1号到30号全用div套好,再应用float:left样式7个一排的排出当月的日历。当我取消浏览器的CSS显示之后,日历的那部分则从1号到30号一竖排下来。我觉得这是纰谬的。由于日历应该是一个表格形式的数据,是以仍旧应该用table结构。当取消css之后,应该仍旧按照一排7个的样子归成一个表格。

th则是另一个会被漠视的标签。因为CSS的万能,所有的表格单元都可以用td加一个class属性搞定。然则从语义上讲,一些表格单元应该用th标签。比如上文说到的日历表格,里面的“MON TUE WED... SUN”这些标识礼拜的单元,就应该用th而不是td。

h1-h6

对付h1-h6标签,从语义上讲,它们应该适用于所有标题翰墨。是以,一些如

的写法都是多余的,直接写成,然后直接对h1而不是.diary-title定义CSS,不是一样的效果么?当然,这个规矩我也不能定得太逝世,由于无意偶尔候标题部分的布局元素并不能简单的用一个h1就能办理的。但我最多用类似的措施将标题的布局嵌套得更繁杂,以满意体现的必要。

但这里会呈现一个语义上的不同。h1究竟该理解为一级标题呢照样理解为1号字体大年夜小的标题。我平日理解为一级标题,一级题眼前目今再有小澳门威利斯人网站44标题就用h2。然则事实上回首HTML设计之初,h1-h6后面的数字更多的被理解为节制标题翰墨大年夜小的。用h3或许只是为了应用三号大年夜小的字体,而并非它便是三级标题。否则一级标题全用h1,个个都是斗大年夜的字,又不得澳门威利斯人网站44不用CSS来节制字号,感到很累赘。以是,这是一个待商议的问题。

ul ol

凡是必要列举条目的,都应该用ul或者ol,而不是用p。比如招聘广告里的职位需求,比如留意事变,比如操作步骤阐明。此外一个盛行的用法是网页的导航菜单也用ul li来枚举,然后再用CSS节制其排列要领。

应该要弥补的是,别忘了li里面还可以再用ul或ol,形成第二级列表。

dl dt dd

这是一组险些被人忘怀的标签,但Jeffrey Zeldman在《网站重构》中大年夜力推重对它们的应用。dl应该是“defining list(或是definition list?有知道的同伙请奉告我)”的全称,一个范例的用法是字典的词条。单词的名字放在dt里面,单词的解释放在dd里面。而alistapart.com网站加倍高明的,将右侧栏全部定义为dl,每个单元的标题用dt,而该单元的内容则用dd。

img

img标签本身也没啥好说的。只是想旧调重弹一个,即只有当确凿这个元素是内容里必须的图片的时刻才应用img,否则应该用CSS定义为样式。如插图,头像,神色图标,这些是内容里必须呈现的图片,用img。而其他的比如标题的背景图,列表项前面的小icon,这些都不应该用img标签。

span

span如本大年夜有和div并驾齐驱的风头。然则事实上我觉得我们照样应该服从它最初的应用。我小我的理解,span最初便是用来带class或者style属性的。它本身不具有明确的语义。是以在文本流中,我们必要对某些翰墨做样式上的改变,就用span括起来。比如有些字必要加澳门威利斯人网站44红,我就用。

然则值得留意的是,这样又有可能犯之前h1里面提到的问题。由于有些翰墨的样式着实是有现成的标签的,比如、等,我们也应该适当的给它们一些时机。

a

a是节制超连接的标签。但有些特殊的环境,我们不必然爱好用它。比如必要弹出一个小窗口。我没怎么留神,但我想有些设计师会将onclick直接定义到“播放”小图标的标签里。我小我觉得照样应该在img外貌加一个a,然后将onclick定义到a里面,并记着在js函数着末写上return false。假如可以,该a标签的href属性也应该写上弹出窗口的URL,包管用户在禁止JS的环境下仍能够有效的打开页面。

我暂时就列出这么多。

着末再总结一下遵照HTML标签语义的紧张性。

Web标准的此中一个要求是低设置设置设备摆设摆设的兼容性:当用户禁用图片、禁用CSS或禁用JS的时刻,我们仍能够让他有效的浏览网页内容。众所周知强制alt属性便是为禁用图片时的兼容性作斟酌。而精确的遵照HTML标签的语义,则是包管禁用CSS时的兼容性。只有当精确应用了HTML标签,我们的网页在“CSS裸奔”的时刻,才会仍旧让人看得出哪里是导航菜单,哪里是文章标题,日历表格也澳门威利斯人网站44不会支离破裂。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

您可能还会对下面的文章感兴趣: