• 标签


    <meta>标签在<head>标签内,主要用于设置网页的元数据

      charset设置网页的字符集

      name指定的数据的名称

      content指定的数据的内容

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

        <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>

        description表示网站的描述

        <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!"/>

        title标签的内容会作为搜索结果的超链接上的文字显示

    块元素(block element):在页面中独占一行的元素,在网页中一般通过块元素对页面进行布局

    标题标签:h1到h6重要性依次递减,h1在网页中的重要性仅次于title标签,一般情况下一个页面中只有一个h1(hgroup标签用来为标题分组,将一组有关联的标题同时放到hgroup标签中)

    p标签表示页面中的一个段落

    blockquote标签表示一个长引用

    行内元素(inline element):在页面中不独占一行的元素,行内元素主要用来包裹文字

    em标签用于语音语调的加重

    strong标签表示强调,重要内容

    q标签表示一个短引用

    一般情况下会在块元素内放行内元素,而不会在行内元素内放块元素

    块元素中基本上什么都可以放

    p元素不能放任何的块元素

    浏览器在解析时会自动对不符合规范的内容进行修正,例如把标签放在了根元素外面

    布局标签(结构化语义标签):以下标签均为H5新增

    header表示网页的头部

    main表示网页的主体,一个网页只会有一个main

    footer表示网页的底部

    nav表示网页的导航

    aside和主体相关的其他内容(侧边栏)

    article表示一个独立的文章

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

    div没有语义,就用来表示一个区块,目前是最常用的标签

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

    有序列表用ol标签创建,li表示列表项

    无需列表用ul标签创建,li表示列表项

    定义列表用dl标签创建,dt表示定义的内容,dd对内容进行解释说明

    列表之间可以互相嵌套

    <a>标签

    href属性表示要被访问的链接,当设置为#时回到顶部,值为javascript:;页面不跳转

    target属性指定超链接打开的位置

      _self 默认值,在当前页面打开超链接

      _blank 在一个新的页面打开超链接

    每个标签都可以有id属性,href设置为#目标元素的id属性值可以跳转到页面目标元素的位置

    <img>标签

    img标签是一个自结束标签,属于替换元素(块和行内元素之间,具有两种元素的特点)

    图片的格式

      jpeg(jpg):支持颜色较丰富,不支持透明,不支持动图;一般用来显示照片

      gif:支持的颜色较少,支持简单透明,支持动图;颜色单一的图片,动图

      png:支持颜色丰富,支持复杂透明,不支持动图;颜色丰富,复杂透明图片(专为网页而生)

      webp:是谷歌新推出的专门用来表示网页中图片的一种格式;它具备以上所有的优点,而且文件特别小;缺点是兼容性不好

      base64:将图片使用base64编码,将其转换为字符,通过字符的形式来引入图片;一般用于需跟网页一起加载时

    效果一样用小的;效果不一样,用效果好的

    <audio>标签

    audio标签用来向页面中引入一个外部的音频文件,默认不允许用户自己控制播放停止

    属性:

      controls 是否允许用户控制播放

      autoplay 音频文件是否自动播放,如果设置了autoplay则在打开页面时就会自动播放,但目前大多数浏览器都不支持自动播放

      loop 音乐是否循环播放

    除了使用src来指定路径以外,还可通过source来指定,举例如下:

    <audio>

      浏览器不支持,请升级游览器!

      <source src="">

      <source src="">

    </audio>

    相比直接使用src属性来讲,source可写文字提醒,以及写多个文件路径,但只使用其中一个,当第一个可用时后续不再起作用,这样可以提高兼容性

    <video>标签

    video标签用于引入一个视频文件,使用方式跟audio基本一致

  • 相关阅读:
    PB调用.NET类库详解
    一个游标的性能问题
    WCF实例与并发的一些测试
    PB调用.NET代码的两个入口函数
    SQL数据库表防JS木马注入
    Atitit 收入理论大总结 4位一体 4象限理论 财政收入理论 6位一体
    Atitit 融资 之道 圈钱之道 attilax总结
    Atitit 组织架构的如何划分 划分方法attilax大总结
    Atitit 每个人都应该实施的互联网金融战略 attilax总结
    Atitit 研发组织与个人如何gdp计算法 attilax总结
  • 原文地址:https://www.cnblogs.com/yf2018jy/p/13047044.html
Copyright © 2020-2023  润新知