• Html相关


    <!DOCTYPE html>标签

    如果你的页面添加了<!DOCTYPE html>,那么浏览器就会按照正常模式渲染.你的页面在所有的浏览器里显示的就都是一个样子了。这就是<!DOCTYPE html>的作用。

    如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。

    window.top.document.compatMode:
    //BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。 
    //CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。

    head标签

    <meta>

     meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性

    • name

    <meta name="keywords" content="关键字"> //搜索引擎识别的

    <meta name="description" content="描述"> //网站描述
    • http-equiv

    <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">//指定秒数跳转指定页面

    <meta http-equiv="content-Type" charset=UTF8"> //编码的作用

    <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" /> //兼容

    <Link>

    <link rel="icon" href="http://www.jd.com/favicon.ico">  //显示标题前的图片

    块级元素(block)和内联元素(inline)

    块级元素

    • 总是在新行上开始;
    • 宽度缺省是它的容器的100%,除非设定一个宽度。
    • 它可以容纳内联元素和其他块元素

    内联元素

    • 和其他元素都在一行上;
    • 宽度就是它的文字或图片的宽度,不可改变
    • 内联元素只能容纳文本或者其他内联元素
     
  • 相关阅读:
    css3 box-sizing盒模型
    数字递增组件
    设置视频水平垂直居中显示在页面上
    修改placeholder样式,兼容多个浏览器
    一款还不错的日期插件layDate
    vue-cli打包后出现 “Uncaught SyntaxError: Unexpected token <”这个错
    详谈C++虚函数表那回事(一般继承关系)
    C++多态的实现及原理详细解析
    位运算求两个数的平均值
    网页设计入门<一>
  • 原文地址:https://www.cnblogs.com/FashionDoo/p/10493629.html
Copyright © 2020-2023  润新知