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

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

相关文章

  • web前端面试题

    1.写出HTML5新增语义化标签以及表单控件(越多越好)常用的语义化标签 : , , , , , ...常用的表...

  • HTML5常用标签之语义化标记

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

  • HTML的语义化

    笔记类文章 常用HTML5语义化标签 结构标签 header nav main article section a...

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • HTML5标签语义化

    理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,...

  • H5新增语义化标签

    HTML5 新增标签 什么是语义化 新增了那些语义化标签header --- 头部标签nav ...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • HTML5十大新特性

    1.语义化标签 对比之前HTML没有体现结构语义化的标签,如: //表头的声明 HTML5提供语义化标签,如: 等...

  • 前端技能总结

    目前已学习的内容 HTML HTML常用标签 HTML语义化 HTML5新增标签 CSS CSS语法 CSS选择器...

  • web前端网站收藏

    更新于 2016-09-02 API 速查 HTML5标签 HTML5 标签的语义,帮助我们写出语义化的HTML ...

网友评论

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

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