本文共 963 字，大约阅读时间需要 3 分钟。

标签语义化

1. 在合适的地方使用合适的标签：该放p时就放p
2. 为什么要标签语义化：因为浏览器只认识标签，没有语音语调，所以想表达的东西只能使用对于的标签来表示
3. 标签语义化的好处：语义化做得好，可以让搜索引擎把你的网站排名更高前。

h 和 p标签

1. H有六个1到6依次变小，代表文章标题
2. P代表文章

bui 和 小伙伴

1. B代表加粗
2. Strong也代表加粗，多了强调的语义
3. U代表下划线
4. I代表倾斜
5. Em也代表倾斜，多了强调的语义
6. S代表删除线
7. Del也代表删除线，建议用del代表s
8. 注意：strong代表特别强调，一篇文章不能出现多次，em代表一般强调，一篇文章可以出现多次

img图片标签

1. img是一个单标签
2. < img src=“图片名字” width=“宽度” height=“高度” alt=“1、图片未加载的提示文字2、网页阅读器可以读取这里的文字” title=“鼠标悬停的时候的提示文字” />
3. 注意：属性明=“属性值” 属性名=”属性值“，中间的空格不能丢
4. 高度设置其中一个，另外一个就等比缩放

链接

1. < a href="地址">文字< /a >
2. 注意：如果要跳转到线上地址，必须加http://,本地直接写路径
3. 空连接的写法：
   1. ###
   2. javascript:
   3. javascript:void(0)
4. 锚点链接：点击后可以跳转到页面的对应位置，给想跳转到的位置写一个id属性，a标签中的href属性写#id的值

表单

1. 所有用户输入的内容都要放在form标签中
2. Action 代表数据给那个后台程序
3. Method 代表传输数据的方法：
   1. post（加密）
   2. get（不加密）
4. <input type="" /> input代表输入框标签(单标签)，type 类型决定这个输入框的类型
5. Name 属性代表这个输入框的名字
6. Id 代表输入框的id编号
7. Value 代表默认输入框(不符合用户体验，应该换成placeholder)
8. 注意：placeholde属性ie低版本不兼容，但实际工作中还要使用，因为渐进增强（随着浏览器版本的提升，效果越来越好）、优雅降级（在高版本浏览器显示效果好的前提下，保证了低版本浏览器不错乱）
9. type="text" 代表普通输入框
   10.type="password" 代表密码输入框