3没有语义的标签

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3没有语义的标签相关的知识,希望对你有一定的参考价值。

3、没有语义的标签(div、span)

html中大部分标签都是具有语句的(有固定格式),有语义的标签在使用时一定要注意不能乱用。还有一部分标签是没有语义的,没有语义的标签只用来进行页面布局。
3.1、div标签
代码:<div></div>
特点:div默认占一整行,并且一行里面只能显示一个div。

3.2、span标签
代码:<span></span>
特点:span大小由内容来决定,并且一行里面可以有多个span。
技术图片
4、前端三剑客
html---------------------用来确定页面的结构(人的骨骼)
css-----------------------用来给页面添加样式(人的衣服):美化页面
javascript--------------让页面动起来(人的行为):实现页面与服务器进行交互

5、认识CSS
?css的存放位置:放在head标签里面的title标签下面
?所有CSS样式代码必须放在同一个标签中
代码:<style></style>
技术图片
?在style标签中写入对应的样式代码
代码:
<style type="text/css">
选择器 {
属性名1:属性值2;
属性名2:属性值2;
……
}
</style>
技术图片
注意:
1、一个属性名(键)对应一个属性值(值),一般我们把这种对应关系代码称之为键值对;
2、最后一个属性值可以不加分号,但是不建议这么写;
3、在对应标签内部是可以直接设置样式的,但是实际开发不会这么写,一律将所有样式写在style里面。

以上是关于3没有语义的标签的主要内容,如果未能解决你的问题,请参考以下文章

单个类中没有标签的语义分割

语义化标签

标签语义化对 SEO 来说有多重要

使用语义发布获取下一个标签版本

HTML中的语义标签和元信息标签(整理)

第四节 块标签含样式的标签