前端面试题归类-HTML1

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

前端面试题归类-HTML1

肥晨   2020-12-30 我要评论

一、HTML5的新特性?

 1.增强了表单,input新增了一些type:常用

    color----定义调色板

    tel-----定义包含电话号码的输入域

    email---定义包含email地址的输入域

    search--定义搜索域

    number--定义包含数值的输入域

    date----定义选取日、月、年的输入域

 2.Video视频标签; 常用

 3.Audio音频标签; 常用

 4.语义化标签;datatime-local

   比如:header(头部),nav(导航)、section(主要用于对网站或应用程序中页面上的内容进行分块。)、article(一个页面的一部分,并且这部分专门用于独立的分类或复用)、aside(定义article以外的内容,aside的内容应该与article的内容相关。表示当前页     面或文章的附属信息部分)、footer(底部)

 5.定义文档类型的简写<!DOCTYPE html>

 6.地理定位;

 7.拖放api;

 8.Canvas图形绘制; 常用

 10.富文本  常用

 9.Web Storage; 常用

   localStorage:没有时间限制的数据存储

   sessionStorage:在浏览器关闭的时候就会清除

二、什么是 HTML 语义化,有什么好处

HTML语义化简单来说就是,段落使用<p></p>、侧边栏用<aside></aside>、主要内容使用<main></main>。

  • 有助于构架良好的HTML结构
  • 有助于搜索引擎建立索引、抓取,有利于SEO
  • 有利于不同设备的解析
  • 有利于团队的开发维护
  • 让页面的内容结构化,可以更清晰,便于浏览器搜索引擎的解析。
  • 在没有css的情况下,也可以有很好的内容结构。
  • 用户体验好。

 三、为什么要在html文件开头加上一个<!DOCTYPE html>

  告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。

四、DOCTYPE的作用,严格与混杂模式的区别,有何意义

  1、语法格式:<!DOCTYPE html>

  2、<!DOCTYPE>不是Html标签,而是告知浏览器此页面使用哪个HTML版本进行编写的指令

  3、标准模式(Standards mode)以浏览器支持的最高标准运行;混杂模式(Quirks mode)中页面是一种比较宽松的向后兼容的方式显示。

五、HTML5为什么只需要写<!DOCTYPE HTML>

  主要原因为html5中只有一个文档类型,就是html,而不像html 4.01或xhtml1.0还有多个文档类型。

六、请说出XHTML和HTML的区别

   1、文档顶部doctype声明不同,xhtml的doctype顶部声明中明确规定了xhtml DTD的写法;

   2、html元素必须正确嵌套,不能乱;

   3、属性必须是小写的;

   4、属性值必须加引号;

   5、标签必须有结束,单标签也应该用  “/” 来结束掉;

七、行内元素、块级元素,空元素有那些

1、行内元素:span、a、em、label、textarea、select、sub、sup、img、input、span等

2、块级元素:div、ul、ol、li、h1~h6、table、form、p、dl、dd、dt、header、footer、audio、video等。

3、空元素:br、hr、img、input、link、meta

区别:

          一方面是换行的区别,行内元素不换行,块级换行;

          另一方面是内容的区别,正常情况下行内元素只能包含行内元素,而块级元素既可以包含行内元素也可以包含块级元素

          标签内没有内容的 HTML 标签被称为空元素。空元素是在开始标签中关闭的。

八、请写出table标签下面会包含哪些标签元素

  tr th  td  thead  tbody  tfoot 等

九、很多网站不常用table  iframe这两个元素,知道原因吗?

因为浏览器页面渲染的时候是从上至下的,而table 和 iframe 这两种元素会改变这样渲染规则,他们是要等待自己元素内的内容加载完才整体渲染。用户体验会很不友好。

十、jpg和png格式的图片有什么区别?

jpg是有损压缩格式,png是无损压缩格式。所以,相同的图片,jpg体积会小。比如我们一些官网的banner图,一般都很大,所以适合用jpg类型的图片。但png分8位的和24位的,8位的体积会小很多,但在某些浏览器下8位的png图片会有锯齿。

十一、常用浏览器有哪些,内核都是什么?

 常用浏览器有 IE 火狐(firefox)  chrome safari  360 搜狗 等

        内核:IE的是 Trident  

                    火狐的是 Gecko

                    chrome和safari 用的是 Webkit

                    360和搜狗这些分极速模式和兼容模式,极速模式用的Webkit的内核,兼容模式用的Trident内核。

十二、a标签在新窗口打开链接怎么加属性?

  <a target="_blank">链接</a>

十三、form标签上定义请求类型的是哪个属性?定义请求地址的是哪个属性?

form表单定义请求类型的是  method 属性  , 定义请求地址的是  action属性

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们