继续学习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属性,表示引用来源的URL 。
二、ol
在HTML5中 , ol被重新定义,附加了3个属性:
1、使用属性,列表或以倒序显示 。
【正常】我最喜欢的颜色有:【倒序】我最喜欢的颜色有:
- 红色
- 绿色
- 蓝色
- 红色
- 绿色
- 蓝色
2、使用start属性,改变编号起始位置
- 从第十项开始
三、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嵌入到其他元素中,比如,强调该小打印提的重要性 。
文章插图
五、b和
在HTML4中,b元素用作加粗 。现在 , 它纯粹用作展示 。所以应该用它来为不带特殊重要性的内容添加样式 。
博文的手段经常采用加粗的方法,以表现与众不同 。
博客手段内容...
这里不适用的原因在于我们并不想表示手段更加重要,只是想使他的样式有所不同 。
元素用来标识重要的内容 。所以不仅仅是用来加粗文字 , 还表达该内容的重要性 。
不要和他讨论问题!他只会反对你
六、i和em
i元素在HTML4中表示创建斜体文字,HTML5规范给一些使用示例,比如一个梦境、一个科技用语、一个想法或船名等:
昨天我没有去钓鱼(因为还要洗衣服)
相反,em元素表示了能改变句子意思的强调 。包含在em中的一个或多个字在该句中有强调的意味 。如果移动em元素 , 即强调的内容改变,相应句子也发生了含义上的改变 。
我
- 读书备忘录怎么写三年级 读书备忘录怎么写
- 《巫师3:狂猎》木屋钥匙获得方法攻略 弗蕾雅神花园怎么走
- 《巫师3:狂猎》白海鸥配方位置图文攻略 白海鸥配方在哪
- 《巫师3:狂猎》全人物完美结局详解攻略
- 《巫师3:狂猎》宝箱武器属性刷出攻略 武器属性怎么刷
- 《巫师3:狂猎》致命阴谋任务字幕翻译及剧情详解攻略
- 巫师3恶魔之眼怎么获得 《巫师3:狂猎》怪物眼获得方法攻略
- 四书是指《大学》《孟子》《论语》还有 四书是指
- 辞职领导不批准怎么处理 辞职领导不批准怎么办
- CF火线币有什么用 cf手游火线币有什么用