首页 >> 大全

读书笔记:《HTML5开发手册》-- 现存元素的变化

2023-12-28 大全 30 作者:考证青年

继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例

一、cite

HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人。

恺撒大帝曾经说过, 来,信,砍。 

然而,HTML5中的cite用来显示某个作品(书籍、诗歌)的标题。HTML5规范中还着重强调:人名并非作品标题的一部分。因此,可以用下面的代码:

one of my favarite books is The Day of the Jackal by Frederick Forsyth

HTML5规范推荐使用b元素显示作者名。

cite默认样式为斜体。

以下为补充内容:

到现在为止,我们已经有三个表示“引用”的标签:、cite以及q,在使用的过程中可能会有些迷茫,其实三者之间还是有很大差别的。

《木兰花令》
人生若只如初见,何事秋风悲画扇?等闲变却故人心,却道故人心易变。骊山语罢清宵半,泪雨零铃终不怨。何如薄幸锦衣郎,比翼连枝当日愿。

需要注意的是,也有一个cite参数,表示引用的源,这一点不要和标签弄混了。

<cite>勃朗宁cite>曾经说过:<q>只要朝着一个方向努力,一切都会变得得心应手。q>

同样,标签也有cite属性,表示引用来源的URL。

二、ol

在HTML5中,ol被重新定义,附加了3个属性:

1、使用属性,列表或以倒序显示。

【正常】我最喜欢的颜色有:

  1. 红色
  2. 绿色
  3. 蓝色

【倒序】我最喜欢的颜色有:

  1. 红色
  2. 绿色
  3. 蓝色

2、使用start属性,改变编号起始位置

  1. 从第十项开始

三、dl

在HTML4中,dl元素定义表,然而由于其定义和使用很不清晰,这导致了很多误用,在HTML5中,dl元素被重新定义为一个描述或者关联列表。

计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...

如上例子,我们定义了一个描述列表,dt定义了一个键,dd定义了一个值。

也可以为一个键赋予多个值:

《驴得水》

导演
周申
刘露
主演
田雷
任素汐
郑磊
富冠铭

dl元素以前被用作对话内容,但是从规范来看,使用dl是不恰当的。最初在HTML5中有一个元素,但是在2009年底又将其从规范中删除了,现在可以用p、span元素。

四、small

在HTML4中,small用来缩小字体,但是缩小字体是显示层面的问题,应该由css来完成。因此,在HTML5中,small元素代表小打印体,如版权信息、条款或许可/法律信息。

This site is licensed under s...

small是内嵌元素,有需要,也可将small嵌入到其他元素中,比如,强调该小打印提的重要性。

_读书笔记:《HTML5开发手册》-- 现存元素的变化_读书笔记:《HTML5开发手册》-- 现存元素的变化

五、b和

在HTML4中,b元素用作加粗。现在,它纯粹用作展示。所以应该用它来为不带特殊重要性的内容添加样式。

博文的手段经常采用加粗的方法,以表现与众不同。

博客手段内容...

这里不适用的原因在于我们并不想表示手段更加重要,只是想使他的样式有所不同。

元素用来标识重要的内容。所以不仅仅是用来加粗文字,还表达该内容的重要性。

不要和他讨论问题!他只会反对你

六、i和em

i元素在HTML4中表示创建斜体文字,HTML5规范给一些使用示例,比如一个梦境、一个科技用语、一个想法或船名等:

昨天我没有去钓鱼(因为还要洗衣服)

相反,em元素表示了能改变句子意思的强调。包含在em中的一个或多个字在该句中有强调的意味。如果移动em元素,即强调的内容改变,相应句子也发生了含义上的改变。

今天很开心

我今天很开心

七、abbr

abbr在HTML5中与整合了,现在,abbr既可以标识缩写词,也可以表示首字母缩略词,可以使用title属性显示全称。

is the best since sliced web

在HTML5中,删除了,使用abbr替代。

八、hr

hr用来在文档中添加横线,它的用法有细微的改变。现在,在段落末尾使用它,比如在书籍中,可用其指示场景的切换。现在hr元素并不和常见了,因为可以使用css在任何p、div、、元素后面添加空格、图片、段落或其他装饰。

九、删除的元素

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了