标签
标签语义化
语义化的含义,作用和含义一样
作用
方便代码的阅读和维护 同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
使用语义化标签会具有更好地搜索引擎优化核心,合适的地方给一个最为合理的标签。
语义是否良好,当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。
排版标签
标题标签 (双标签)
h1 h2 h3 h4 h5 h6 六个等级
段落标签(双标签)
将文章分成多个段落,因为在html中是不识别空格的,只会输出文本
p
水平线标签
在横跨网页的水平线
span标签
在这个标签里可以分割语句,在别的标签里设置一段文本的格式
没有语义,进行网页布局
div
用于分区,分割网页的布局
没有语义
换行
文本格式化标签
b strong
加粗,推荐使用strong
I em
斜体显示 使用em
s del
加删除线 使用del
u ins
加下划线 使用ins
属性
定义标签的各种信息
例如,尺寸,大小,颜色,等等
语法格式
<标签名 属性值=" 属性值1" 属性值=" 属性值2" …>
注意
标签可以有多个属性
属性不分先后 属性与属性之间,属性和标签之前 均已空格分开
标签都有默认值
图像标签
什么是图像标签
显示图像的标签,控制图像的格式大小等
属性
src
url
图像路径
alt
文本
图像不能显示时的替换文本
title
文本
就是这个图像的名字,在鼠标停在图片上时显示的内容
width
宽度
就是图像的横向长度
height
高度
就是图像的纵向长度
border
数字
图像框的宽度
链接标签
作用
标记要跳转的地址就是链接
格式
href
就是url,指定链接地址,如果无链接可以用#代替
target
指定链接的打开方式
blank
新开一个窗口打开
self
在本身这个窗口打开
锚点定位
在"#"号后添加标识,实现文档内的跳转
base 指定所有的链接的打开方式,但如果在a标签中规定的有,则按照a规定的执行 特殊字符标签
注释标签 方便让他人阅读代码,也方便自己查看 格式
列表标签 无序列表 使页面更整齐,美观 格式
- 里面只能放li,但是可以在li里面放别的标签
有序标签
格式
-
-
- 肖战
- 小战
- 呆桃
- 小赞
-