HTML5学习系列之标题和正文、描述性信息

HTML5学习系列之标题和正文、描述性信息

  • 标题和正文
    • 标题
    • 段落
  • 描述性信息
    • 强调
    • 注解
    • 备选
    • 上下标
    • 术语
    • 代码
    • 预定义格式
    • 缩写词
    • 编辑提示
    • 引用
    • 引述
    • 换行显示
    • 修饰
    • 非文本注解
  • 总结


标题和正文

标题

按语义轻重排列:h1\h2\h3\h4\h5\h6

<h1>诗词介绍h1>
<h2>诗词名称h2>
<p>具体诗词p>

段落

标签定义段落文本。
尽量不用

\
,不符合语义。

描述性信息

强调

strong:重要
em:着重

<p><strong>请不要,特别是<em>!em><strong>p>

在这里插入图片描述

注解

small元素标识注解

<dl>
	<dt>dt>
	<dd>399元<small>含游玩small>dd>
dl>

在这里插入图片描述

备选

bi作为备选项

  • b:实用目的提醒注意的文字
  • i:不同于其他文字的文字
<p>这是一个<b>b>盒子p>
<p>这篇<i>散文i>已经发表p>

HTML5学习系列之标题和正文、描述性信息_第1张图片
实在没看出来b的作用!

上下标

sup和sub用于标识上下标。

<i>xi><sub>2sub>
<i>yi><sup>2sup>

在这里插入图片描述

术语

dfn元素标识专用术语。

代码

code元素可以标记代码或文件名。如果用到“<>”,使用<>

<code>
code{}
code>

在这里插入图片描述

预定义格式

pre元素可以定义预定义文本。

<pre>
pre{
	padding xx;
	}
pre>

HTML5学习系列之标题和正文、描述性信息_第2张图片

缩写词

abbr元素可以标记缩写词并解释其含义。

<style>
	abbr[title]{ border-bottom:1px dotted #000;}
style>
<p><abbr title="HyperText Markup Language">HTMLabbr>是一门编程语言。p>

HTML5学习系列之标题和正文、描述性信息_第3张图片

编辑提示

  • ins:已添加的内容。
  • del:已删除的内容。

引用

cite标识引用或参考的对象。

引述

  • blockquote:引述独立的内容
  • q:引述短语

换行显示

br实现文本换行显示。

修饰

span是没有任何语义的行内元素。

<style typr="text/scc">
.red {color:red;}
style>
<p><span class="red">HTMLspan>p>

在这里插入图片描述

非文本注解

u为纯样式元素,用来为文本添加下划线。


总结

学习记录。
这篇有点像绘画,画出花的感觉。

你可能感兴趣的:(html5,学习,前端)