HTML标签

HTML

HTML（超文本标记语言——HyperText Markup Language）

HTML的版本

1、HTML 4.01

2、XHTML

3、HTML 5

4、HTML 5.1

声明文档类型

目前最推荐的 HTML 5 文档类型声明

作用

（1）告诉浏览器你的语法

（2）可能还会影响到 JS 的功能

文档结构

1、head标签

（1）告诉浏览器用什么方式解码

编辑器里的文件保存后，浏览器去解析，如果浏览器解析的解码方式和当时的编码方式不一样，就会出现乱码

以下两种情况会出现乱码

1.meta里没有设置charset

2.meta里charset设置错了

如何解决乱码

知道保存文件时的编码方式，在head里加上meta，告诉浏览器用什么方式去解码

（2）适配移动页面

（3）标题

2、常用标签

(1) a标签，创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

百度

属性

href为锚定义一个超文本链接来源

• href="#属性",链接到本页的某个部分

• 图片链接

• 下载链接

下载 Angular Logo

• 电话链接

+86 13701234567

• Email链接

发邮件给我
发邮件给我并抄送**

target指定在何处显示链接的资源。

• _self: 当前页面加载，此值是默认的，如果没有指定属性的话。
• _blank: 新窗口打开
• _parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self。
• _top: IHTML4中：加载的响应成完整的，原来的窗口，取消所有其它frame。HTML5中：加载响应进入顶层浏览上下文（即，浏览上下文，它是当前的一个的祖先，并且没有parent）。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self

（2）iframe标签，表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。

属性frameborder，iframe默认有一个border，frameborder设为0，去除border

和a标签结合使用

qq
baidu

(3) figure标签

  
  
傍晚的珠海渔女

（4）table标签

tr: table row

th: table head

td: table data

  
    
  
    

        

            
1
            
2
            
3
            
4
        
    
    

        

            
1
            
2
            
3
            
4
        
    

（5）video标签

（6）audio标签

（7）form标签，用于搜集不同类型的用户输入

  
  
  提交

1、form一定要有提交按钮，否则无法提交表单信息

2、form 表单里只有一个button,且没有写type，默认为提交按钮

form标签是表单的外壳，主要有4个属性

1.action 表单提交的地址

2.method 提交表单的方法，form标签主要是用来发POST请求的

POST 和 GET

浏览器向服务器传输数据／发送请求的一种方式

GET 向后台发送请求的时候，会将请求数据拼接成key=value的形式，用&连在一起来，拼接在url上

POST url不会发生变化，数据通过浏览器传输给后台

• 表象不同，get把提交的数据url可以看到，post看不到

• 原理不同，get 是拼接 url， post 是放入http 请求体中

• 提交数据量不同，get最多提交1k数据，浏览器的限制。post理论上无限制，受服务器限制

• get提交的数据在浏览器历史记录中，安全性不好

• 场景不同，get 重在 "要", post 重在"给"

3.target 在何处打开表单

4.enctype

• 输入单行文本

• 输入密码

for="password"自动focus

placeholder="请输入密码"输入框提示

• 复选框

    爱好
    
    
    

• 单选框

对于单选框和复选框，value属性返回的永远是HTML预设的值，而我们需要获得的实际是用户是否“勾上了”选项，所以应该用checked

    性别
    男
    女

    星期选择
        Monday
        Tuesday
        Friday
    
    
    

• 文件上传

• 下拉框

selected 默认值

    
        北京
        上海
        杭州
    

• 多行文本

            冬天来了 ，春天还会远吗
    

• type="hidden"

1.暂存信息

2.安全策略

• 另外一些type属性