Html 梳理

Html 学习笔记

1. 基本标签, 重点标签: ,
2. 几个mate标签的意思
3. 字符集

html,css,js 的定位

• html 负责语义标记
• css 负责页面样式
• js 负责动态效果

字符集

utf-8包含了世界所有的文字，gbk只包含了中文，但是因为utf-8包含的内容多，标记每个字符的位数也多。一个汉字，utf-8用了3个字节，gbk只用了两个。
目前网易和腾讯都是用的 gbk

SEO 优化的字段

Html 语法的特性

1. html 对换行不敏感，多个换行或者tab，最终都识别成一个空格
2. 标签分为 容器标签 和 文本标签，只有容器标签才可以包含其他标签，例如 p 标签如果包含了 h 标签，浏览器会自动给 p 标签加上结尾，把这两个标签分离开

图片标签

1. alt 属性：在图片显示不出来的时候，会显示这个属性里面的值
2. title 属性：鼠标放在图片上的时候显示的值

超链接标签

1. a 代表着 anchor 船抛锚的意思，就像是这个页面向另一个页面抛出了锚，跳转到另一个页面
2. href 读 何瑞福
3. title 悬停文本，和图片标签使用方式一样
4. target ：可以设置为 _blank ，表示在一个新的页面打开
5. 是一个文本标签，但是可以被

   标签包裹，因为 a 的语义小于 p，这点也是很奇怪

div 和 span

1. span 是文本标签，只能包含文字，图片；例如 ,

其他常用标签

1. 列表：

    // 无序列表
    // 有序列表
    // 定义列表，一般用在网页尾部，购物指南，下面一列，配送方式，下面一些，例如京东最下方，纤细看CSS第一天笔记第9页
    
   北京
    
   国家首都，政治文化中心
       
   上海
    
   魔都，有外滩、东方明珠塔、黄浦江
       
   广州
    
   中国南大门，有珠江、小蛮腰
   
   

2. 表单

   :
   text,password,raidobutton,checkbox,select->option,textarea
   // lable 标签主要是给 input 标签增加解释文字
    女
   

小技巧

1. 按住 shift 再按字母可以大写，比频繁切换大小写切换键 capslock 更快捷

面试题

Q：h1 标签有什么用？
A：R：在页面中增加主标题的语义
A：W：给文字加粗等等