美文网首页Web前端之路
HTML5常用标签之语义化标记

HTML5常用标签之语义化标记

作者: 前端梵风 | 来源:发表于2017-08-06 11:20 被阅读36次

    前面第二篇文章已经说明语义化标记和结构化标记的区别了,接下来我们来学习一下语义化标记。

    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,我们语义化标记就学到这里,以后会慢慢让大家实战,根据我的学习经历,实战很重要,但基础知识也要重视,特别是某些常用的知识点,一定要掌握,才能更好的实战。

    如果大家有疑问可以在下面留言。

    相关文章

      网友评论

        本文标题:HTML5常用标签之语义化标记

        本文链接:https://www.haomeiwen.com/subject/mwsglxtx.html