所谓HTML语义化指的是，根据网页中内容的结构，选择适合的HTML标签进行编写。
好处：
在没有CSS的情况下，页面也能呈现出很好的内容结构有利于SEO，让搜索引擎爬虫更好的理解网页方便其他设备解析（如屏幕阅读器盲人阅读器）便于团队开发与维护
img -> 单标签
src : 引入图片的地址。alt : 当图片出现问题的时候，可以显示一段友好的提示文字。title : 提示信息width、height : 图片的大小
补充：图片 title 和 alt区别：
alt:
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt="HTML基础标签总结"
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标签）
特殊字符含义特殊字符代码空格符 ?版权©?空格符®<小于号<>大于号>&和号&￥人民币¥℃摄氏度°
（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里的内容，可以单独为它设置样式。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery