html基础标签总结,HTML基础标签总结

所谓HTML语义化指的是，根据网页中内容的结构，选择适合的HTML标签进行编写。

好处：

在没有CSS的情况下，页面也能呈现出很好的内容结构有利于SEO，让搜索引擎爬虫更好的理解网页方便其他设备解析(如屏幕阅读器盲人阅读器)便于团队开发与维护

img -> 单标签

src : 引入图片的地址。alt : 当图片出现问题的时候，可以显示一段友好的提示文字。title : 提示信息width、height : 图片的大小

补充：图片 title 和 alt区别：

alt:

1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。

2、alt属性值得长度必须少于100个英文字符

3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""

4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO

title:

1、title属性并不是必须的。

2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。

3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。

a -> 双标签

属性

href属性 : 链接的地址target属性 : 可以改变链接打开的方式，默认情况下：在当前页面打开 _self 新窗口打开 _blanktitle = ‘文本提示’ 拓展：

rel = ‘nofollow’ nofollow简介

base -> 单标签 ：作用就是改变链接的默认行为的。(在head里设置)

两种做法

#号 + id属性

#号 + name属性(注意name属性加给的是a标签)

特殊字符含义特殊字符代码空格符&nbsp?版权&copy?空格符&reg大于号&gt&和号&amp￥人民币&yen℃摄氏度&deg

(1) 无序列表

(2)有序列表

type:规定列表中的列表项目的项目符号的类型

语法：

1 数字顺序的有序列表(默认值)(1, 2, 3, 4)。a 字母顺序的有序列表，小写(a, b, c, d)。A 字母顺序的有序列表，大写(A,B,C,D)i 罗马数字，小写(i, ii, iii, iv)。I 罗马数字，大写(i, ii, iii, iv)。

start 属性规定有序列表的开始点。(start的属性值必须是数字)

语法：

(3)自定义列表

(1)表格基本结构

(2)表格标签

(1)表单标签

属性 ：

action = ‘接口地址’method = ‘get / post’name = ‘表单名称’

属性：

type = ‘控件类型’name：属性标识表单域的名称；value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。maxlength：控制最多输入的字符数，size：控制框的宽度(以字符为单位)

div (块)： div全称divison，“分割、分区”的意思，标签用来划分一个区域，相当于一块区域容器，可以容纳段落、标题、表格、图像等各种网页元素。span(内联) : 对文字进行修饰的内联。

div与span都默认没有任何样式，需要结合css

黄方框框住的就是内联span里的内容，可以单独为它设置样式。