HTML5 第四章-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_51666153/article/details/144286866

接上一章标签及属性学习
学习视频：B站小甲鱼《零基础入门学习web开发》

15格式化元素学习

1. strong元素

①定义： 标签用于定义表示重要的文本。文本呈现加粗的形式。

2.b元素

①定义： 标签用于定义表示粗体的文本。
②注意：b 元素仅表示粗体的文本，并没有附带任何表示重要的语义。
根据 HTML5 的规范，如果你只是想实现加粗效果，推荐使用 css 样式来实现：b {font-weight: bolder;}

3.em元素

①定义： 标签用于定义表示强调的文本。文本以斜体呈现。
提示：如果只是为了达到某种视觉效果而使用这个标签的话，强烈建议使用 CSS 代替。

4.i元素

①定义： 标签用于定义表示斜体的文本。
②注意：i 元素仅表示斜体的文本，并没有附带任何表示强调的语义。
根据 HTML5 的规范，如果你只是想实现斜体效果，推荐使用 css 样式来实现：i {font-style: italic;}

5.del元素

①定义：<del>标签用于定义文已被删除的文本。文本上会有一条删除线。与 <ins> 标签配合使用，来描述文档中的更新和修正。
注意和s元素的区分。

6.ins元素

①定义：<ins> 标签用于定义新插入的文本。文本下方会有一条下划线。
注意和u元素的区分

7.s元素

①定义：<s>标签用来定义那些不正确的文本。文本上也会有一条删除线，但是它和<del>标签语义不同。
②注意：<s> 对那些不正确、不准确或者没有用的文本进行标识。
<s> 标签不应该用来定义替换的或者删除的文本。

8.u元素

①定义：标签定义与常规文本风格不同的文本。文本下方也会有一条下划线，但是和<ins>标签语义不同。
②注意： 标签通常可以用于定义像拼写错误的单词或者汉语中的专有名词，但注意要与超链接区分开来。
根据 HTML5 的规范，如果你只是想为文本添加下划线效果，推荐使用 css 样式来实现：u {text-decoration: underline;}

9.mark元素

①定义： 标签用于定义带有标记的文本。默认会以黄色荧光笔形式标记文本。
②注意：请在需要突出显示某部分文本时使用该标签。

10.sup元素和sub元素

①定义： 标签用于定义上标文本。 标签用于定义下标文本。
 标签和它对应的  标签，在数学等式、科学符号和化学公式中都非常有用。

11.small元素

①定义： 标签用于定义更小字体的文本（比如旁注）。

以上元素的实例

<!DCTYPE html>
<html>
   <head>
       <title>HTML学习</title>
	   <meta charset="utf-8">
	   <meta name="viewport" content="width=device-width,intial-scale=1.0">
	   
   </head>
   <body>
      <h1>格式化元素学习</h1>
	  <p>1.strong标签以<strong>加粗</strong>的形式强调文本，和b标签的区别是有重要的语义，而<b>b标签仅是加粗字体无语义</b></p>
	  
	  <p>2.em元素表示<em>强调</em>，以斜体的形式，而<i>i标签</i>也可以斜体但是没有任何语义</p>
	  
	  <p>3.<del>del标签是删除线</del>，<ins>ins标签实下划线</ins></p>
	  
	  <p>4.s元素也表示删除线，但是和del元素的语义不同，s表示<s>错误的，不正确的内容</s>。U元素也表示下划线，但是它的语义是<u>拼写错误的但系或者是汉语的专有名词</u></p>
	  
	  <p>5.mark标签标记文本，<mark>默认是黄色荧光笔标记</mark></p>
	  
	  <p>6.sup,sub上标文本和下标文本定义公式。例如<br>(X<sub>1</sub>+X<sub>2</sub>)<sup>2</sup></p>
	  
	  <p>7.small元素，缩小文本。<small>（例如这句话就是使用了small元素）</small></p>
   
   </body>
</html>