网页元素:文本

文本作为web数据,是html最主要的内容。
用合适语义的标签对文本数据进行结构化,是网站架构的基本技能。
多数文本标签都默认具有一定的样式呈现

html:文本类标签:
.标题便签:<h1>~<h6>

>>分6个级别,有明显的的主次和轻重关系。
>>h1用作主标题{最重要的},其后是h2{次重要的}

>>搜索引擎对<h*>标签会引导搜索引擎,告诉其那些事页面重要内容
>>双标签,块状元素,默认带有样式的效果。

html:文本类标签:
.段落标签:<p>

>>定义段落,一般用于正文内容。
>>双标签,块状元素,默认带有外边距样式效果。
>>dw中,在设计视图中输入(粘贴)文本,可直接使用enter(回车)键来创建段落

换行标签:<br>
>>在一个段落中换行(另起一行)。
>>单标签,标签自身代表了换行,无内容。
>>dw中,使用shift+enter快捷键可以直接插入一个<br>标签。
水平线标签:<hr>
>>创建一条水平线,主要用于协助分割文档的各个部分,默认独占一行。
>>单标签,标签自身代表水平线,无内容。
>>不能放在文本标签的内部,如不能放在<p></p>之间。
>>具有一定的默认样式,可用css控制修改效果。
>>不推荐使用,实际上应用中并不多见

强调文本标签:<strong>&<em>
>>双标签,短语标签,行间元素。

>>使用在需要被强调的文本上,实际应用中并不多见,不要滥用

特色文本标签:<b>&<i>

<i>无语义,如外文单词,生物分类,科技术语,船名,剧名等
<b>无语义,如概要中的关键字,评论中的名词等

双标签,短语标签,行间元素。
对于那些没有具体语义但又需要不同样式的内容,可使用这两个标签

具体应用时最好是赋予class样式名来标识语义。
微组合标签:<span>

>>双标签,短语标签,行间元素。
>>没有任何语义,主要用来组合文档中的行内元素

>>默认没有任何样式表现,仅为提供一个结构化接口,通常使用css样式为其附加语句

猜你喜欢

转载自blog.csdn.net/Bai_guo/article/details/80211321