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

posted @ 2021-04-07 16:51  Walker-lyl  阅读(45)  评论(0编辑  收藏  举报