HTML basic tutorial <span> tag
This section explains the <span> tag. Let’s summarize the three tags <em>, <strong>, <span>:
< The ;em> and <strong> tags are used to emphasize keywords in a paragraph, and their semantics are emphasis.
The <span> tag has no semantics. Its function is to set a separate style.
If now we want to set the dynasty and author in the previous poem to red (red red), but note that it is not to emphasize this, but just to set it differently from other words. style (you don't want screen readers to read out dynasties and accents), so in this case the <span> tag can be used.
As the following example:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<style>
span{
color:red;
}
</style>
<body>
<h1>水調(diào)歌頭·丙辰中秋</h1>
<pre>
<span>朝代：宋代
作者：蘇軾</span>
<strong>丙辰中秋，歡飲達旦，大醉，作此篇，兼懷子由。</strong>
明月幾時有，把酒問青天。不知天上宮闕，今夕是何年。我欲乘風(fēng)歸去，又恐瓊樓玉宇，高處不勝寒。起舞弄清影，何似在人間？
<em>轉(zhuǎn)朱閣，低綺戶，照無眠。不應(yīng)有恨，何事長向別時圓？人有悲歡離合，月有陰晴圓缺，此事古難全。但愿人長久，千里共嬋娟。</em>
<pre>
</body>
</html>Note: This section uses the knowledge of CSS, please understand it first. After we learn CSS, we will understand it
