​一、为什么会有被废弃的标签

答:HTML中以前存在一部分不是用来添加语义的标签,而与我们HTML标签是用来添加语义的,这与我们的定义不相符。

例如:

1.标签<br>:换行

2.标签<hr>:加一条横线换行

3.标签<b>:加粗文字(bold)

4.标签<i>:斜体文字(italic)

5.标签<u>:文字加下划线(underlined)

6.标签<s>:划除文字(strikethrough)

(word不就是这样吗?)

<hr>

<br>

<b>我是文字1</b>

<u>我是文字2</u>

<i>我是文字3</i>

<s>我是文字4</s>

注意:在开发中不到万不得已不使用这些标签,如果一定使用,一般情况下都是用来作为CSS的钩子使用的。具体什么是钩子,将在CSS中介绍。

目前的替代方法为:

strong = b

ins = u

em = i

del = s

<strong>我是文字1</strong>

<ins>我是文字2</ins>

<em>我是文字3</em>

<del>我是文字4</del>

他们都是有语义的:

strong语义::定义重要性强的文字。

ins语义(inseted):定义插入的文字。

em语义(emphasized):定义强调的文字。

del语义(deleted):定义被删除的文字。

二、字符实体

1.注意在HTML中我们的浏览器对多个空格或者多个table或者多个换行只能识别为一个空格

<body>

我    我 很 厉

害

</body>

2.什么是字符实体?

在HTML中有的字符是被HTML保留的,有的HTML字符在HTML中是有特使含义的,是不能在浏览器中直接显示出来的,那么这些东西想要显示出来就必须用字符实体来显示出来。

&nbsp; 一个空格

&lt; 小于符号(less
than)

&gt; 大于符号(greater
than)


<p>我&nbsp;&nbsp;&nbsp;厉害</p>

<p>到目前为止厉害了</p>

<p>到目前为止&lt;h1&gt;厉害了</p>

扩展:在W3Cschool中有实体符号的清单这里不一一介绍,可自行扩展学习,地址:
http://www.w3school.com.cn/html/html_entities.asp

三、源码

d57_abandon_label

d58_character_entity

地址:https://github.com/ruigege66/HTML_learning

2.CSDN:https://blog.csdn.net/weixin_44630050(心悦君兮君不知-睿)

3.简书:https://www.jianshu.com/u/a9169ca4f1c9(心悦君兮君不知dqr)

4.欢迎关注微信公众号:傅里叶变换,后台回复“礼包”获取Java大数据学习视频礼包。

HTML连载11-HTML中被废弃的标签&字符实体的更多相关文章

  1. H5中被废弃的标签

    <br>换行,已经被<p>标签进行替换 <hr>画线 <font> <b>,<u>,<i>,<s>:加粗 ...

  2. HTML中被废弃的标签<b><u><i><s>

    <strong>代替<b>给文字加粗 <ins>代替<u>给文本添加下划线 <em>代替<i>将文本倾斜 <del> ...

  3. OS X EI Capitan 10.11.4中sudo无法起作用的解决方法

    mac升级到OSX EI Capitan 10.11.4后sudo命令无法起作用,执行任何操作总是显示Operation denied.这是因为在10.11.4中引入了Rootless机制,即就算是R ...

  4. C++11标准中常用到的各种算法汇总.

    在C++11标准中定义了很多算法,这些算法可以让我们很方便的操作各种容器和数组,这里要注意一下,这些算法操作的并非容器,而是迭代器,然后通过迭代器来操作容器中的数据,算法本身并不会关注容器中保存的数据 ...

  5. C++11开发中的Atomic原子操作

    C++11开发中的Atomic原子操作 Nicol的博客铭 原文  https://taozj.org/2016/09/C-11%E5%BC%80%E5%8F%91%E4%B8%AD%E7%9A%84 ...

  6. [转帖]Linux教程(11)- linux中的计划作业

    Linux教程(11)- linux中的计划作业 2018-08-21 17:13:36 钱婷婷 阅读数 160更多 分类专栏: Linux教程与操作 Linux教程与使用   版权声明:本文为博主原 ...

  7. IHostingEnvironment VS IHostEnvironment - .NET Core 3.0中的废弃类型

    原文: https://andrewlock.net/ihostingenvironment-vs-ihost-environment-obsolete-types-in-net-core-3/ 作者 ...

  8. HTML5新增和废弃的标签

    一.废弃的标签 以下的 HTML 4.01 元素在HTML5中已经被删除,虽然浏览器为了兼容性考虑都还支持这些标签,但建议使用新的替代标签,矛盾的是老浏览器对新标签的支持度又不够,视项目的受众对象而定 ...

  9. h5废弃的标签和属性及新增的标签和属性

    一.废弃的标签和属性 1.表现性元素 a) basefont b) big c) center d) font e) strike f) tt 2.框架类元素 a) frame b) frameset ...

随机推荐

  1. DELPHI高性能大容量SOCKET并发(四):粘包、分包、解包

    粘包 使用TCP长连接就会引入粘包的问题,粘包是指发送方发送的若干包数据到接收方接收时粘成一包,从接收缓冲区看,后一包数据的头紧接着前一包数据的尾.粘包可能由发送方造成,也可能由接收方造成.TCP为提 ...

  2. CSS:描述样式

    一.CSS css:Cascading Style Sheet,层叠样式表,用于描述网页样式 1. 同一个标签可以有多个选择器作用,给他增加样式: 2. 有继承性,祖先的标签的一些属性,可以继承给后代 ...

  3. DDD实战10 在项目中使用JWT的token

    在使用过程中报过一个错误:The algorithm: 'HS256' requires the SecurityKey.KeySize to be greater than '128' bits 是 ...

  4. Microsoft IoT Starter Kit

    Microsoft IoT Starter Kit 开发初体验 1. 引子 今年6月底,在上海举办的中国国际物联网大会上,微软中国面向中国物联网社区推出了Microsoft IoT Starter K ...

  5. Leetcode 268 Missing Number 位运算

    题意:先将0, 1, 2, ..., n放入数组,然后去掉其中一个值,找到那个值. 这题与singe number 是一个类型,变形的地方就是首先需要将0, 1, 2, ..., n再次放入这个数组, ...

  6. WPF自定义TextBox及ScrollViewer

    原文:WPF自定义TextBox及ScrollViewer 寒假过完,在家真心什么都做不了,可能年龄大了,再想以前那样能专心坐下来已经不行了.回来第一件事就是改了项目的一个bug,最近又新增了一个新的 ...

  7. python实现DES加密算法和3DES加密算法

    pyDes.py ############################################################################# # Documentati ...

  8. Word 公式排版(使用制表符)

    公式的构成: 公式: 右编号: 法一:使用 3 行 1 列的表格 Word论文写作如何实现公式居中.编号右对齐_百度经验 修改三个单元格之间的长度比例关系时,其位置是在: [表格属性]⇒ [单元格]选 ...

  9. QT下的几种透明效果(QPalette背景白色,窗口设置setWindowOpacity,QPainter使用Clear模式绘图)

    1.窗口整体透明,但是窗体上的控件不透明.    通过设置窗体的背景色来实现,将背景色设置为全透. QPalette pal = palette(); pal.setColor(QPalette::B ...

  10. springmvc 与 springfox-swagger2整合

    一.pom.xml引入基于maven的swagger依赖 <dependency> <groupId>io.springfox</groupId> <arti ...