HTML5常用标签之语义化标记

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

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

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,845评论 18 139
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 2,060评论 2 15
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,540评论 1 19
  • 闻风词.呓语 三秋分两边,一夜几重天?旧时道旁红绿树,散落长空何残,行路休可怜。 满城意阑珊,读坐卧龙岩。守得红日...
    甘草不发芽阅读 233评论 0 1