html常用一些文本标签_vlambda技术博客

vlambda
2020-05-25

html常用一些文本标签

“

复习

：注释内容，运行后不显示；

<p>与<article>的区别：通常<article>包含<p>标签；

”

写文本内容总会用到加粗、斜体、下划线等标记功能！

html也是有的：

<b>	定义粗体文本。
<em>	定义强调文本。
<i>	定义斜体文本。
<pre>	定义预格式文本
<s>	定义加删除线的文本。
<samp>	定义计算机代码样本。
<small>	定义小号文本。
<strong>	定义语气更为强烈的强调文本。
<u>	定义下划线文本。

下列代码中用到了部分基础的格式标签

<!DOCTYPE HTML><html> <head> <meta charset="utf-8"><!-- 防止浏览器乱码，具体不明，待学习 --> <title> New Document </title> </head> <body> <p> 这里测试 p 标签的 空格 和换行效果， 这里换行了！<!-- 实际浏览器位换行，见运行后图片 -->         <br/>         <hr>   <!-- 这是分割线 --> <b>这是加粗 b 的效果</b><br/> <!-- <br/>换行效果 --> <i>这是斜体 i 的效果</i><br/>        <b>注意：</b>在最新的HTML 5 规范声明：标题应该用h1- h6 标签表示，重要的文本应该用 strong 标签表示，被强调的文本应该用 em 标签表示，（即 b 、i 基本不用，可以使用strong、em。）被标记的或者高亮显示的文本应该用 mark 标签表示。<br/> <hr> <strong>这是 strong 的效果</strong><br/> <em>这是 em 的效果</em><br/> <s>这是删除线 s 的效果</s><br/> <u>这是下划线 u 的效果</u><br/>        <b>注意：</b>最新的H5中，u 基本不用，因为它和超链接 a 元素及其相似。<br/>        <hr>        <small>  定义小号字体 small 的效果  </small><br/> </p> <hr> <pre>这是文本具有 空格 和换行效果， 这里换行了！ </pre> <strong>注意：</strong>没有 pre 标签时，在编辑代码时输入 回车换行 时，在运行时无效。使用 pre 标签文本也会呈现为等宽字体。<br/>    </body></html>

运行后，网页显示效果：

除了这些格式标签外，还有 sup、sub、table、abbr等等！

本记总结

<s> 标签对那些不正确、不准确或者没有用的文本进行标识。<s> 标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本，请使用 <del>标签。
根据 HTML 5 的规范，<b> 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。HTML 5 规范声明：标题应该用 <h1> - <h6> 标签表示，被强调的文本应该用 <em> 标签表示，重要的文本应该用 <strong> 标签表示，被标记的或者高亮显示的文本应该用 <mark> 标签表示。
<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
尽量避免使用 <u> 为文本加下划线，用户会把它混淆为一个超链接。