前面第二篇文章已经说明语义化标记和结构化标记的区别了,接下来我们来学习一下语义化标记。
OK,我们来启程咯!
一,加粗和强调
1.<strong>:浏览器会将<strong>元素中的内容显示为粗体,以起到强调作用(思考一下<:strong>和<b>的区别)。
2.<em>:浏览器会将<em>元素中的内容显示为斜体,以起到强调作用。
二,引用
1.<blockquote>:通常我们需要引用某人说的话或者其他的,这时候我们就要用到<blockquote>元素。浏览器会将<blockquote>元素中的内容进行缩进,但我们不能靠<blockquote>元素来缩进,要用到css,以后我们会学习到这方面的知识。
2.<q>:比较短的引用就可以用到<q>元素来引用,但要注意到IE浏览器不一定能支持<q>元素。
三,缩写词和首字母缩写词
<abbr>:在HTML5中应该用<abbr>元素。
四,引文和定义
前面我们讲了引用,现在我们来补充一下相关知识点。
1.<cite>:它可以表明引用的来源。
2.<dfn>:它是用来表示一个新术语的定义。
五,设计者详细信息
每个网页的底部通常会有某些信息,比如设计者,联系方式,链接等等。
1.<address>:它是向浏览者表明设计者的详细联系方式,浏览器会将<address>元素中的内容显示为斜体,在这里,可能有邮箱链接,这就用到了<a>元素了,以后我们会学习到的哈。
六,内容的修改
1<ins>:用来显示已经插入到文档中的内容,通常<ins>内容带有下划线。普及一个单词(insert插入键)。
2.<del>:用来显示已经删除的内容,通常<del>内容带有删除线。普及一个单词(ddelete删除)。
3.<s>:它表示不准确或不相关却不应当予以删除的内容。思考一个问题(<del>和<s>的区别)。
OK,我们语义化标记就学到这里,以后会慢慢让大家实战,根据我的学习经历,实战很重要,但基础知识也要重视,特别是某些常用的知识点,一定要掌握,才能更好的实战。
如果大家有疑问可以在下面留言。
、
网友评论