h5提问小技巧

  1. DOCTYPE 的作用是什么?
    声明位于HTML文档中的第一行,处于标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现
  2. 标准模式与兼容模式各有什么区别?
    标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作
    3.SGML 、 HTML 、XML 和 XHTML 的区别?
      SGML(standard general markup language ) 是一种在WEB 发明之前就已存在的使用标记来描述文档资料的通用语言,它是一种定义标记语言的元语言,HTML和XML都是由SGML 发展过来的.

HTML(HyperText Markup Language)是SGML定义下的一个描述性的语言,是SGML 的一个应用 ,它不能用来定义新的应用 ,HTML,用于一些Internet 的短期的数据.HTMl 文档格式非常松散,导致解析的复杂性增加,也导致了不同浏览器浏览的不同.

XML(extend MarkUp Lanuage) 是SGML 的一个简化版本,是SGML的一个子集,严格意义上讲,XML就是SGML.如果一些数据要长期使用,并且要更多的一些结构,XML将更好.XML比HTML严格,如果出现语法错误,浏览器将不发解析显示
4.空元素定义
没有闭合标签的标签被称作为空标签。
在我们使用的标签中,有的具有闭合标签。例如标签,它有闭合标签。但是也有一部分标签没有闭合标签,例如
标签,这一类标签我们称之为空标签。
5.你是如何理解语义化的?
6.meta viewport 是做什么的?怎么写?
meta viewport 是用于适配移动设备的,为了使不管是什么宽度的页面都能在移动设备端得到完美适配(不需要用户缩放和滚动横向滚动条并且字体图片等显示正常)。

width:控制 viewport 的大小,可以给它指定一个值(正整数),或者是一个特殊的值(如:device-width 设备独立像素宽度,单位缩放为 1 时);
initial-scale:初始缩放比例,即当页面第一次加载时的缩放比例,为一个数字(可以带小数);
maximum-scale:允许用户缩放到的最大比例,为一个数字(可以带小数);
minimum-scale:允许用户缩放到的最小比例,为一个数字(可以带小数);
user-scalable:是否允许用户手动缩放,值为 “no”(不允许) 或 “yes”(允许);
height:与 width 相对应(很少使用)。
7.你用过哪些 HTML 5 标签?
  article:标签装载显示一个独立的文章内容,例如一篇文章、报导、小说。

section :标签定义文档中的节(section、区段),例如一个小说中的一章节。

aside:用来装载非正文类的内容,对于主题内容的说明。

header :标签定义文档的页面头部,通常是一些引导和导航信息

footer : 标签定义 section 或 document 的页脚

nav :标签定义显示导航链接

time:定义日期或时间,或者两者

main:规定文档的主要内容 注:在文档中不能出现一个以上的元素。

progress:进度条 属性:max:进度完成值

value:定义当前进度值

mark:标记需要突出显示的文本
8.H5 是什么?
H5 并不是新的语言,而是html语言的第五次重大修改版本
支持:
主流浏览器支持h5(Chrome,firefox,safari)。IE9及以上支持h5,但是ie6及以下不支持h5
9.页面导入样式时,使用 link 和 @import 有什么区别?
1.link是XHTML标签,它不仅可以引入css文件,还可以引入网站图标或者设置媒体查询。
2.@import是CSS提供的语法规则,只能用来加载css。
@import一定要写在除@charset外的其他任何 CSS 规则之前,如果置于其它位置将会被浏览器忽略。而且,在@import之后如果存在其它样式,则@import之后的分号是必须书写,不可省略的。
3.link引入css文件,页面载入同时载入css文件,@import在页面完全载入之后载入css文件,在网络较慢情况下一开始会没有css样式。
4.link在浏览器中没有兼容问题。@import在css2.1中提出,低版本浏览器会不支持。
5.link中的css可以被javascript获取进而控制DOM,而@import不支持。
10. Label 的作用是什么?是怎么用的?
label标签是用来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。
主要有以下两种用法用法:

一、


二、

12.请写出至少5个HTML行内元素标签

13.请写出table标签下面会包含哪些标签元素

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页