所谓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<小于号&lt>大于号&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里的内容，可以单独为它设置样式。