html中组合标题元素,如何正确使用标题元素、段落和强制换行

如何正确使用标题元素、段落和强制换行?如何使其更符合语义化呢?摘译自Bulletproof HTML: 37 Steps to Perfect Markup[/url] 的二段小文,会对初学者带来点帮助。

如何正确使用标题元素

HTML 标题元素类型是h1 、h2 、h3 、h4 、h5 和h6 ,数字表示标题的结构级别,我们要像在学校里学习那样认真对待标题(呵呵,不过我没念过多少书,69届初中-译者)。

最高级别的标题在页面中必须是h1 。它应该描述的是这个页面是做什么的。大多数的页面有一个h1 标题, 但复杂页面文件也许不止一个h1标签。

h2 标题将标记下个结构级,次一级的是h3,等等,而不能从h2跳到h4。h4 不应该跟随h2; 它们之间因该是h3 。

Hn 元素类型对标记标题是很重要的,Assistive 技术譬如屏幕器的读者可利用一个适当的标题来了解文件的概述。如果我们使用..., 那他们就不能读懂了。

如何正确使用P和BR

P元素标记文本的一个段落。段落包括一个或更多的句子。

强制换行(br) 通常只是一个表面上的工具, 应该由CSS 而不是HTML 处理。但是, 强制换行在某些地方也可说有语义化的, 例如在诗歌、歌曲、邮件地址和计算机编码演示等方面,这些可能构成合法的用途, 但使用br 分离段落绝对是不正确的。

另一方面, P 有一个非常清楚的语义意思: 它表示段落。有时WEB设计者将P作为普通块级元素用, 显然是 不正确的。不难看到在一个表单里label 和 input标签被包含在P标签里, 这样在语义里绝对是错的,label 和 input标签不构成一个"paragraph" 。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值