文本作为web数据,是html的主要内容;
用合适的语义标签对文本数据进行结构化;
多数的文本标签都默认具有一定的样式呈现;
1.标题标签<h1>--<h6>
a.分为6个级别,右明显的主次和轻重级关系;
b.h1用作主标题(最重要);
c.搜素引擎对h1敏感;
d.双标签,块状标签默认带有样式效果;
2.段落标签<p>
a.定义段落,一般用于文本正文内容;
b.双标签,块状元素,默认带有外边距样式效果;
3.换行标签<br>
a.在一个段落中换行;
b.单标签,自身代表了换行,无内容;
4.水平线标签 <hr>
a.创建一条水平先,主要用于协助分隔文档的各个部分,默认独占一行;
b.单标签,标签自身代表水平线,无内容;
c.不能放在文本标签内部;如<p></p>之间;
d.具有一定的默认样式,可以用css控制修改效果;
e.不推荐使用,实际应用中不多;
5.强调文本标签<strong>&<em>
a.双标签,短语标签,行间元素;
b.使用在需要被强调的文本中,实际中并不是很多应用,不要滥用;
c.em 局部性强调(表示内容的着重点),会改变所在句子中的语义;
strong 整体强调(表示内容的重要性),不会改变句子中意义;
<em>猫</em>是一种很可爱的动物
强调的是猫;讨论的是那种动物是可爱的;
猫是一种<em>可爱</em>的动物;
强调的是可爱,讨论的是猫是否可爱;
<p>内容摘要:<strong>这是新闻的摘要</strong>。</p>
内容摘要仅仅是一个引用,后面strong里面的内容才是真正的关键摘要内容;
6.特色文本标签
<i> 默认斜体 <b> 默认加粗
a.双标签,短语标签,行间元素;
b.对应哪些没有具体的语义,但又不需要其他样式的内容,可以使用这2个标签进行结构化;
c.具体应用的时候,最后赋予class 样式名来标识语义;
d.<strong> &<em> vs <i> &<b>
1.实际应用中<b>& <i> 应用更多;
7.span 标签
a.双标签,短语标签,行间元素;
b.没有任何语义,主要用来组合文档中的行内元素;
c.默认没有任何的样式表现;
html文本基础结构标签
猜你喜欢
转载自blog.csdn.net/qq_29393273/article/details/84487367
今日推荐
周排行