1、<img>的title和alt有什么区别？

1、alt：图片加载失败时，显示在网页的替代文字

2、title：鼠标放在上面时显示的文字

3、alt是必要属性，title非必要

2、WEB标准以及W3C标准是什么？

1、标签闭合

2、标签小写

3、嵌套正确

4、外部链接css和js

5、提倡结构、表现和行为相分离（HTML结构、CSS表现、JavaScript行为）

3、html5有哪些新特性，移除了哪些元素？

（1）新增特性

      a、新增标签

           header、footer、article、aside、audio、bdi、canvas、command、datails、embed、figcaption、figure、hgroup、Keygen、Mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video

      常用的标签：article、aside、audio、video、canvas、footer、header、nav、section

        b、新增localStorage、sessionStorage

        c、新增contenteditable属性（任何dom节点只要加上contenteditable="true"就可以变得可编辑）

        d、Geolocation 地理定位

（2）移除的元素

       <basefont> 默认字体，不设置字体，以此渲染，<font> 字体标签，<center> 水平居中，<u> 下划线，<big> 大字体

　　<strike> 中横线，<tt> 文本等宽

4、XHTML和HTML有什么区别？

1、XHTML 元素必须被正确地嵌套。

2、XHTML 元素必须被关闭。

3、标签名必须用小写字母。

4、XHTML 文档必须拥有根元素。

5、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？

1. <!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。

2. 严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。

3. 在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

4. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

6、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？行内元素和块级元素有什么区别？

行内元素

1、设置宽高无效

2、对margin仅设置左右方向有效，上下无效；padding上下左右都有效，会撑大空间

3、不会自动进行换行

块级元素

1、能够识别设置宽高

2、margin和padding的上下左右均对其有效

3、独占一行

7、HTML全局属性（global attibute）有哪些？

HTML属性赋予元素意义和语境，可以用于任何的HTML元素

1、class：为元素设置标识

2、data-*：为元素增加自定义属性

3、Id：元素Id ，文档内唯一

4、lang：元素内容的语言

5、style：行内css样式

6、title：元素相关的建议信息

7、dir：规定元素中内容的文本方向（ltr：从左到右，rtl：从右到左）

8、contenteditable：html新增属性，设置true后可编辑元素

9、hidden：隐藏一个html元素

8、canvas和svg有什么区别 ？

canvas

1、可伸缩矢量图形

2、放大缩小不会失真

SVG

1、HTML新加的元素

2、使用XML描述2D图形的语言

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

<!DOCTYPE HTML> 是文档类型声明，它声明了文档类型为html5，告诉浏览器和其他开发者，该文档使用的是html5标准

　　

2021年前端面试题-HTML篇的更多相关文章

  1. 2019年前端面试题 | CSS篇 （更新于4月15日）

    虽说刷面试题有走捷径之嫌,但我发现,对于我这样没有工作经历的人来说,其实是拓展自己实战技能和加深知识理解的一个好机会. 分享出来,也希望大家不要背完了事,正经的去细细琢磨各种原由. 本篇是一个题目合集 ...

  2. 前端面试题 -- JS篇

    前端面试题 -- JS篇 类型 1.js中有哪些数据类型,并解释清楚原始数据类型和引用数据类型 js中共有null,undefined, string,number,boolean,object六种数 ...

  3. 前端面试题 ---- html篇

    想要换工作了,转载自https://www.cnblogs.com/zhangshuda/p/8464772.html,感谢原博主. 一.html 1.html和xhtml区别 1. html:超文本 ...

  4. 前端面试题 ----css篇

    转载自https://www.cnblogs.com/zhangshuda/p/8465043.html,感谢原博主 1.css盒模型有哪些及区别content-box border-box padd ...

  5. 前端面试题（html篇）

    前端面试题(html篇)

  6. 史上最全前端面试题(含答案)-A篇

    HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外 链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所 ...

  7. 前端面试题总结（一）HTML篇

    前端面试题总结(一)HTML篇 一.iframe的优缺点? 缺点: 1.会阻塞主页面的onload事件(iframe和主页面共享链接池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载). 解决 ...

  8. 前端面试题总结（二）CSS篇

    前端面试题总结(二)CSS篇 一.link和@import的区别? link属于HTML标签,可以引入出css以外的事务,如RSS,而@import是css提供的,只能加载css文件. link会在页 ...

  9. 前端面试题总结（三）JavaScript篇

    前端面试题总结(三)JavaScript篇 一.谈谈对this的理解? this是一个关键字. this总是指向函数的直接调用者(而非间接调用者). 如果有new关键字,this指向new出来的那个对 ...

  10. 好程序员分享Web前端面试题汇总JS篇之跨域问题

    为什么80%的码农都做不了架构师?>>>   好程序员分享Web前端面试题汇总JS篇之跨域问题,接着上一篇文章我们继续来探讨web前端面试必备面试题. 跨域解决方案 1. 通过jso ...

随机推荐

  1. uni-app学习笔记之----getCurrentPages()的使用

    1.判断是否是首页 如果得到数组元素只有一个,说明是首页 2.得到页面中的信息 得到数组中的第一个元素代表首页,最后一个元素代表当前页

  2. Django操作mongo数据库二（MongoClient方式）

    一.基本环境 1.开发环境: Python环境:Python 3.8.16 Django环境:4.1 2.需要安装的包 pip install pymongo pip install mongoeng ...

  3. cpp chrono basic

    // cpp 20 //c++ - Number of seconds since midnight - Stack Overflow //https://stackoverflow.com/ques ...

  4. oracle ebs 账户组合验证

    DECLARE l_segment1 GL_CODE_COMBINATIONS.SEGMENT1%TYPE; l_segment2 GL_CODE_COMBINATIONS.SEGMENT2%TYPE ...

  5. uniapp打包app出现HTML5+ Runtime

    在manifest.json->源码视图的 "app-plus"下面添加: "app-plus" : { "compatible" : ...

  6. django项目初创建报错TypeError: unsupported operand type(s) for /: 'str' and 'str'

    解决办法: 'DIRS': [os.path.join(BASE_DIR, 'templates')],

  7. BUUCTF-[极客大挑战 2019]Http

    一道考察http请求头X-Forwarded-For字段和Referer字段User-Agent字段的题目 一.基础知识 X-Forwarded-For(XFF)又名XFF头 1)概述:X-Forwa ...

  8. leetcode -- 旋转矩阵相关问题

    给定一个 n × n 的二维矩阵表示一个图像. 将图像顺时针旋转 90 度. 说明: 你必须在原地旋转图像,这意味着你需要直接修改输入的二维矩阵.请不要使用另一个矩阵来旋转图像. 示例 1: 给定 m ...

  9. onnxruntime源码解析之C接口简介

    一.C接口 1. 简介 其他语言的接口都是在C接口的基础上,进一步的封装. C的接口头文件为:onnxruntime_c_api.h 头文件内包含了详细的注释和说明. 总体上,除了一些数据结构的定义, ...

  10. java学习流程(java学习之路)

    Java学习流程 Java SE(18-20天) 1.计算机基础 2.博客的重要性 3Java基础语法 4.流程控制和方法 5 .数组 6 .面向对象 7 .异常 8 .常用类 9 .集合框架 10 ...