2021-02-26 html笔记

 1.meta标签

meta主要用于设置网页中的一些元数据，元数据不是给用户看的

  charset 指定网页的字符集

  name 指定数据的名称

 content 指定的数据的内容

 将页面重定向到另一个网站

 keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用隔开，隔开

 description用于指定网站描述 ，搜素引擎的搜索结果

2. 语义化标签

   块元素 独占一行 block element

    hgroup  标签分组，将一组相关的标题放入hgroup

    行内元素 （不独占一行） inline element： em用于表示语音语调的一个强调

    强调，重要内容

    

长引用  缩进换行

   短引用  不缩进不换行

3.

P不放块

header 头部标签

    main 主体（头部下面）：一个页面中只有一个

    footer 表示网页的底部

    nav  网页中的导航

    aside 和主体相关的其他内容（侧边栏）

    article   表示一个独立的文章

    section   表示一个独立的区块；上边的标签都不能表示的时候用section

    div 没有语义  表示一个区块 （目前主要的布局元素）

    span  行内元素 没有语义，一般用于在网页中选中文字

4.列表 3种

        有序列表:

        ul标签，使用li使用表示列表项

        无序列表:

        ol标签

        定义列表:

        dl标签，dt表示定义的内容，dd来对内容进行解释说明

5.

  相对路径：一般使用.或者..开头

        ./

        ../

        ./可以省略不写，如果不写./也不写../则相当于写了./

        ./表示当前文件所在的目录

        ../表示文件的上一级目录

6.

target 属性

        _self 默认值  在当前页面打开

        _blank 在一个新的页面打开

        href属性：#去顶部

        id属性（唯一不重复），元素的唯一标识        

        去底部 给底部标签加个瞄点

7.图片标签用于向当前网页引入外部图片

    img 属于替换元素（块元素和行内元素之间，具有两种元素的特点）

    alt 对于图片的描述（默认不显示，图片不加载时图片加载出来）

    搜索引擎主要会根据alt的内容来识别内容

    width 宽度

    height 高度        如果只改了一个,则另一个会等比例缩放

图片格式

    jpeg

    支持的颜色比较丰富，不支持透明效果，不支持动图

    gif

    支持的颜色较少，支持透明效果，支持动图

    png

    支持的颜色丰富，支持复杂透明，不支持动图，颜色丰富，复杂透明图片（专为网页而生）

    webp

    谷歌新推出表示网页中的图片的一切格式，具备其他图片格式的所有优点，而且文件特别的小，兼容性不好

    base64

      将图片使用base64进行编码，将图片转为字符，通过字符的形式来引入图片

8.内联框架，用于向当前页面中引入一个其他页面

        src 指定要引入的网页的路径

        frameborder 指定内联框架的边框

9. audio 标签用来向页面中引入一个外部的音频文件

        属性

        controls   是否允许用户控制播放  

        autoplay 设置了autoplay ，则音乐会自动播放，但大部分浏览器不会自动播放

        loop 播放完继续播放

      embed 标签 基本所有浏览器支持

        除了src  还可以通过source来指定文件

        

            对不起，您的浏览器不支持播放音频