前端面试题归类-HTML1
一、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属性
前端面试题归类-HTML1的更多相关文章
- 前端面试题归类-css的flex相关
Flex布局 常见父项的属性: ●flex-direction :设置主轴的方向 Row 默认值从左到右 row-reverse 从右到左 column 从上到下 column-reverse 从下到 ...
- 前端面试题归类-HTML2
一. SGML . HTML .XML 和 XHTML 的区别? SGML 是标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言,是所有电子文档标记语言的起源. HTML 是超文本标记 ...
- 前端面试题归类-css
一.说下盒模型? 有两种盒模型,W3C盒模型和IE盒模型通常说的"IE盒子模型"指的是IE5.5,IE6及其以后,盒模型都为 content-box当浏览器未设置<!doct ...
- 前端面试题2016--HTML
本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可 ...
- 前端面试题 之 JavaScript
昨天我们一起分享了关于html和css的面试题<前端面试题之Html和CSS>,今天我们来分享关于javascript有关的面试题.我面试的时候最害怕面试官问我js了,因为我真心不擅长这个 ...
- 【web前端面试题整理02】前端面试题第二弹袭来,接招!
前言 今天本来准备先了解下node.js的,但是,看看我们一个小时前与一个小时后的差距: 既然如此,我们继续来搜集我们的前端面试题大业吧!!! 特别感谢玉面小肥鱼提供哟,@玉面小飞鱼 题目一览 Jav ...
- 各大互联网公司前端面试题(js)
对于巩固复习js更是大有裨益. 初级Javascript: 1.JavaScript是一门什么样的语言,它有哪些特点? 没有标准答案. 2.JavaScript的数据类型都有什么? 基本数据类型 ...
- 前端面试题(html篇)
前端面试题(html篇)
- 2016最全的web前端面试题及答案整理
面试web前端开发,不管是笔试还是面试,都会涉及到各种专业技术问题,今天小编整理了一些常见的web前端面试题及答案,希望对大家有所帮助. 1.常用那几种浏览器测试?有哪些内核(Layout Engin ...
随机推荐
- 关于你天天见到的JDK、JRE和JVM
什么是JDK.JRE.JVM? 大家都知道电脑的操作系统是由汇编和C语言写出,因此操作系统无法直接识别其他语言.这时我们就需要为我们写的Java程序配备一名翻译官 ----- 编译环境,将Java程序 ...
- Docsify+腾讯云对象存储 COS,一键搭建云上静态博客
最近一直在想如何利用 COS 简化静态博客的搭建过程.搜了很多的静态博客搭建过程,发现大部分的静态博客都要通过编译才能生成静态页面.功夫不负有心人,终于让我找到了一个超简洁博客的搭建方法. 效果预览 ...
- Hadoop完全分布式模式安装部署
在Linux上搭建Hadoop系列:1.Hadoop环境搭建流程图2.搭建Hadoop单机模式3.搭建Hadoop伪分布式模式4.搭建Hadoop完全分布式模式 注:此教程皆是以范例讲述的,当然你可以 ...
- 快速理解Python中使用百分号占位符的字符串格式化方法中%s和%r的输出内容的区别
<Python中使用百分号占位符的字符串格式化方法中%s和%r的输出内容有何不同?>老猿介绍了二者的区别,为了快速理解,老猿在此使用另外一种方式补充说明一下: 1.使用%r是调用objec ...
- PyQt学习随笔:QTableWidget水平表头horizontalHeader、竖直表头verticalHeader的相关操作方法
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 QTableWidget表格部件的表头包括水平表头和竖直表头,水平表头每节对应表格的一列,竖直表头对 ...
- 【.Net Core】 使用 Nginx 发布 .Net Core 3.1 项目至LInux(Centos7)。
前置博客(博客中使用的项目来自于此): [Docker] .Net Core 3.1 webapi 集成EF Code First,使用MySql进行业务操作 .配置swagger (三) 环境:.N ...
- 图论补档——KM算法+稳定婚姻问题
突然发现考前复习图论的时候直接把 KM 和 稳定婚姻 给跳了--emmm 结果现在刷训练指南就疯狂补档.QAQ. KM算法--二分图最大带权匹配 提出问题 (不严谨定义,理解即可) 二分图 定义:将点 ...
- AcWing 324. 贿赂FIPA
题目链接 大型补档计划 \(f[i][j]\) 表示第 \(i\) 个国家,获得 \(j\) 个国家支持,用的最少花费 \(f[i][0] = 0\) \(f[i][sz[i]] = w[i]\) 对 ...
- 笔记-[JSOI2011]柠檬
笔记-[JSOI2011]柠檬 [JSOI2011]柠檬 \(f_i\) 表示到第 \(i\) 只贝壳最多可以换得的柠檬数. 令 \(c_i=\sum_{h=1}^i[s_h=s_i]\). \[\b ...
- JavaScript:使用递归构建树型菜单
使用递归函数将扁平数据转为树型结构,并渲染到页面 效果图: 代码: <!DOCTYPE html> <html lang="en"> <head> ...