zoukankan      html  css  js  c++  java
  • HTML相关

    1、描述块级元素与行内元素的区别?行内元素与块级元素有哪些?Img是什么元素?如何制定元素以块级元素展示

    (1)区别

    • 块级元素宽度会自动占满整行,行内元素不会自动占满整行,由内容撑起,一次排列
    • 行内元素设置宽高无效,设置margin上下无效,设置pdding上下无效
    • 块级元素可以包含块级元素和行内元素,但行内元素只能包含文字、图片、行内元素,无法包含块级元素

    块级行内元素:既可以设置宽高、padding、margin,但又不占满整行

    (2)有哪些

    • 块级元素:div、p、h1~h6、ul、ol、li
    • 行内元素:span、a、strong、em、i
    • 块级行内元素:img、input

    (3)设置改变

      display:block / inline / inline-block

    2、H5有哪些新特性?

    (1) 语义化标签:header,footer,section,nav,aside,article

    (2) 增强型表单:imput新增了多个type

    (3) 新增表单元素:datalist,keygen,output

    (4) 新增表单属性:placehoder,require,min,max

    (5) 音频,视频:video,audio

    (6) Canvas,地理定位,拖拽

    (7) 本地存储,localStorage-没有时间限制的数据存储,sessionStorage—针对一个session的数据存储,当用户关闭浏览器窗口后,数据会被删除

    (8) 新事件:onresize,onscroll,onerror,onplay,onpause,ondrag,onmousewheel

    (9) webSocket:单个tcp链接上的全双工协议

    3、HTML语义化理解?优点?

    (1)根据内容的结构化使用合理的语义化标签

    (2)优点:

    • 对于SEO更加友好
    • 增加代码可读性和可维护性

    4、HTML文件开头的Doctype是什么?严格模式和混杂模式是什么?如何判断

    (1)Doctype是什么

    <!DOCTYPE>声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。

    (2)严格模式和混杂模式

    • 严格模式:又称为标准模式,让浏览器按照W3C标准解析HTML文档
    • 混杂模式:又称为怪异模式或兼容模式,浏览器会按照自己方式解析HTML文档
    • 准标准模式:几乎都是标准模式,但部分是怪异模式实现

    (3)判断

    document.compatMode

    BackCompat:怪异模式

    CSS1Compat:标准模式 | 准标准模式(一些dtd是准标准模式,几乎都是标准模式,但部分是怪异模式实现)

    -----smile

  • 相关阅读:
    Docker学习笔记(一)——安装
    Mac安装Nginx
    Spring Boot学习笔记(二)——HelloWorld实现
    Spring Boot学习笔记(一)——Eclipse安装STS插件
    Redis学习笔记(九)——集群
    Redis学习笔记(八)——持久化
    Redis学习笔记(七)——数据结构之有序集合(sorted set)
    Redis学习笔记(六)——数据结构之Set
    Redis学习笔记(五)——数据结构之哈希(Hash)
    Redis学习笔记(四)——数据结构之List
  • 原文地址:https://www.cnblogs.com/Walker-lyl/p/14628496.html
Copyright © 2011-2022 走看看