程序员经验分享-hwhale

HTML常考知识点和面试题

2023-11-10
  1. <meta charset="utf-8">//保证页面不会出现编码问题（乱码）
  2. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user=saclable=no">//宽度等于设备宽度，初始化比例等于1，最大初始化比例等于1， user-scalable=no 将控制用户无法进行触屏扩大或缩小网页（适配移动端的第一步加上viewport，再针对手机屏幕大小调整）
  3. <base href="/">指定一个基础的路径
  4. HTML重要属性 a[href,target] , img[src,alt] , table td[colspan,rowspan] ,form[target,method,enctype] input[type,value]  button[type]     select>option[value]          label[for]
  5. label[for] 加for属性就可以点击文字进行选项，而不只是点击圆圈才能进行选项（可巧妙利用这个特点进行美化check-box）
  6. 如果是axjx请求并不用通过submit提交，那还需要用form表单吗？答：不一定需要，但建议用。第一：可以利用submit,reset这样的特性，第二：例如JQuery中利用sa?方法获取整个表单所有的数据；第三：可以与一些验证组件配合使用进行表单验证；第四，当有form时浏览器可以记住用户的账户、密码，利于用户。
  7. HTML5新增内容：新区块标签：section article  nav  aside（广告）
  8. 表单增强：日期、时间、搜索             表单验证（规定表单内容输入是否合法）   placeholder自动聚焦
  9. 新增语义：header/footer 头尾        section/article 区域  （进入页面大纲）         nav 导航     aside 不重要内容（侧边栏）   em/strong 强调   i icon
  10. 为什么a>div是合法的？不一定是合法的，取决于div前面的内容是什么（行内元素包含块级元素）答：透明内容模型，在计算内容模型的时候，这个元素本身不参与计算，所以body>a>div，去掉a就变成了body>div，这个是合法的。
  11. p不能包含块级元素。p>a>div 会被浏览器解析为：<p><a></a></p>       <div><a></a></div>
  12. doctype的意义是什么？1.让浏览器以标准模式渲染2.让浏览器知道元素的合法性
  13. XTML XHTML HTML5的关系？HTML属于SGML，XHML属于XML，是HTML进行XML严格化的结果， HTML5不属于SGML或XML，比较宽松
  14. HTML5有什么变化？新的语义化元素（header/footer/section/aside/article..）表单增强，新的API（离线、音视频、图形、实时通信、本地存储、设备能力）
  15. em和i有什么区别？默认样式相同，em是语义化的标签，表强调，i是纯样式的标签，表斜体，在HTML5中表示图标：icon
  16. 语义化的意义：开发者容易理解、机器容易理解（搜索引擎、读屏软件）、有助于SEO
  17. 哪些元素可以自闭合。（表单元素input img br hr meta  link）
  18. HTML 和 DOM 的关系？DOM是由HTML解析而来的，树形结构；JS可以维护DOM
  19. attribute .property区别？
  20. form的作用有哪些？
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端面试

HTML面试

HTML常考知识点和面试题 的相关文章

  • 前端面试题汇总（vue+html基础）最新最全

    一 HTML基础部分 1 什么是盒子模型 重要 在网页中 一个元素占有空间的大小由几个部分构成 其中包括元素的内容 content 元素的内边距 padding 元素的边框 border 元素的外边距 margin 四个部分 这四个部分占有

  • get 和 post 的区别

    使用场景 GET请求一般用于向服务器请求数据 POST请求一般用于向服务器提交数据 请求参数的位置 GET请求通常将参数放在URL的 query 中 POST 请求通常会将数据放在请求体 body 中 GET请求通常将参数放在URL的 qu

  • 约瑟夫环问题『js实现』

    传说罗马人占领了乔塔帕特 41 个犹太人被围堵在一个山洞里 他们拒绝被俘虏 而决定集体自杀 大家决定了一个自杀方案 41 个人围成一个圈 由第 1 个人开始顺时针报数 每报数为 3 的人立刻自杀 然后再由下一个人重新从 1 开始报数 依旧是

  • CSS---CSS面试题

    目录 1 盒模型 2 offsetHeight clientheight scrollHeight 3 left与offsetLeft 4 对BFC规范的理解 5 解决元素浮动导致的父元素高度塌陷的问题 6 CSS样式的先级 7 隐藏页面元

  • 哔哩哔哩前端笔试（卷1）

    文章目录 哔哩哔哩前端笔试 1 下面哪个网址和示例符合同源策略 2 关于DOMContentLoaded和load事件说法正确的是 3 如何在 div 容器里展示这几个字符 4 以下是哪一组全是块级元素 5 这个div里面最终的字体颜色是什

  • 【面试】前端常见面试题总结

    1 什么是mvvm mvc 模型 MVVM是Model View ViewModel的简写 即模型 视图 视图模型 模型 指的是后端传递的数据 视图 指的是所看到的页面 视图模型 mvvm模式的核心 它是连接view和model的桥梁 总结

  • 前端面试题（一） promise和async/await区别

    promise和async await都是处理异步请求 promise的用法 基本语法 promise共有三个状态 链式调用 错误捕获 async await 用法 错误捕获 区别 拓展 js中同步 异步 js的同步和异步问题通常是指aja

  • 【React 进阶】props 和 state 的区别详解

    时隔一年半之久再次重新学习 React 好多都还是原来的样子 这次我要重新开启 React 的大门 希望各位小伙伴可以一起讨论学习呦 前言 今天我们开始第一个专题 React 中 关于 props 和 state 当然我们不是对 props

  • 前端面试之---link 引入css文件和@import引入css文件的区别

    css引入方式link与import的区别 1 link属于html标签 而 import是css提供的 只能加载CSS2 加载顺序 link在页面加载时被加载 import在页面加载完之后再加载3 link是html标签 因此没有兼容性

  • 【高频】前端面试算法题，案例+答案，一学就会！

    目录 前言 题目 1 反转字符串 2 判断回文字符串 3 数组去重 4 找出最大值和最小值 5 斐波那契数列 6 查找缺失的数字 7 判断两个字符串是否是字母异位词 8 实现数组扁平化 9 实现字符串压缩 10 判断是否为无序数组中的连续数

  • HTML常考知识点和面试题

    保证页面不会出现编码问题 乱码 宽度等于设备宽度 初始化比例等于1 最大初始化比例等于1 user scalable no 将控制用户无法进行触屏扩大或缩小网页 适配移动端的第一步加上viewport 再针对手机屏幕大小调整 指定一个基础的

  • 前端面经高频考点

    文章目录 HTML 1 高频1之行内元素 块级元素 行内块元素的区别 2 高频2之script标签中defer和async的区别 3 src和href的区别 4 lable的作用 5 ifram的使用以及有优缺点 6 img的srcset属

  • JS继承

    最近在面试中被问到js的继承 当时回答的不太好 所以今天特别总结一下 我们先来看一个基于原型链的继承例子 父类 function Person 子类 function Student 继承 Student prototype new Per

  • 前端常见难点面试题

    1 跨域 同源策略 同源策略 同源策略是浏览器的一个安全功能 不同源的客户端脚本在没有明确授权的情况下 不能读写对方资源 同源 就是协议 域名和端口号相同 降域 document domain 同源策略认为域和子域属于不同的域 如 chil

  • 前端面试大全（jQuery篇——含移动端常见问题）

    目录 面试系列 内容介绍 1 JQuery的源码看过吗 能不能简单概况一下它的实现原理 2 jQuery fn的init方法返回的this指的是什么对象 为什么要返回this 3 jquery中如何将数组转化为json字符串 然后再转化回来

  • 前端开发都需要掌握那些技术？

    前端技术多且杂 那么作为前端开发者 我们可以从那些方面进行进阶提升呢 本文从以下几个方面进行了整理归纳 内容如下 一 网页开发 二 小程序 三 移动端 四 桌面端 五 其他技术 一 网页开发 这里指PC端网页开发 要求的技术主要有以下几类

  • 【1.9w字】彻底搞懂HTTP知识的面试题，建议精读收藏

    我很早之前写过一篇关于 HTTP 和 HTTPS 的文章 但对于 HTTPS 介绍还不够详细 只讲了比较基础的部分 所以这次我们再来深入一下 HTTPS 用实战抓包的方式 带大家再来窥探一次 HTTPS 如何理解 URI URI 全称为 U

  • 前端面试知识点整理——项目整理

    前端面试知识点整理 项目整理 文章目录 一 华工线上黑市 安卓 二 二手闲置商场 健身管理系统 小程序 三 birthday app swift 四 给Joey的生日页面 移动端 五 开发者博客 vue 一 华工线上黑市 安卓 1 MVP架

  • async_await用法

    async作为修饰关键字修饰在函数前 表示该函数是一个异步函数 await的使用必须有async关键字 await等待的必须是一个promise对象 async返回的是一个promise对象 asyn function A return 星

  • vue面试题

    1 介绍一下vuex vuex是vue js应用的一个状态管理工具 state 用于保存我们应用的状态 2 v show与v if的区别和使用场景 区别 1 v show 只是简单的控制元素的 display 属性 而 v if 才是条件渲

随机推荐

  • Linux操作系统之C语言实现shell命令解释器项目

    文章目录 一 实现原理 二 具体实现过程 一 实现原理 普通命令 ls pwd cp clear 通过exec fork 内置命令 cd exit bash本身提供方法 调用自己的函数 不会产生子进程 二 具体实现过程 1 mybash项目

  • mockito

    mock 对接口返回值进行模拟数据 使用场景 1 协同开发的时候 需要调用未开发接口 模拟接口返回值数据 2 接口联调 网络不通的时候 把线上数据拷贝回来 模拟数据 添加mockito依赖

  • java用lambda函数排序,Java函数式编程-4.lambda表达式排序

    1 lambda表达式排序 咱们首先看几个比较常见的排序例子 基本数据类型的排序ide List list Arrays asList 1 3 2 5 4 list sort Comparator naturalOrder System o

  • cartographer更新地图-移除未完成的子图

    首先说明为什么要移除未完成的子图 因为如果不删除 每次更新都会保留以前未完成的子图 那时间累计数据量不断增长 不得了 overlapping submaps trimmer移除的只有已经完成的子图 那对于未完成的子图如何处理呢 首先在ove

  • tq210基本参数

    这个板子的核心板为core B 底板为tq210 board v4 1G ddr2 128Mx8pcs 1G slc flash K9K8G08 PMU TPS659101 使用系统自带的sd uboot 使用板子带的串口线 这个线与ok2

  • win10如何修改windows默认远程桌面端口号

    修改默认端口需要修改注册表 打开开始运行 输入regedit 进入注册编辑器 依次点击进入 HKEY LOCAL MACHINE SYSTEM CurrentContro1Set 接着找到 以下路径Control Tenninal Serv

  • NAT穿透 - P2P

    NAT穿透 P2P 一 NAT穿透 二 NAT分类 总结 一 NAT穿透 NAT穿透 即内网穿透 也称为打洞 其网络拓扑示例 二 NAT分类 完全锥型NAT 内网客户端映射到一个外部IP Port IP端口无限制 任意主机都可往该映射端口发

  • 逻辑分析题目：“给你一个9升的水桶和一个4升的水桶，在河里取6升水”

    问题答案 1 大桶装满 然后倒满小桶 这样大桶剩5升 小桶4升 2 小桶倒空 大桶再往小桶灌满 大桶剩1升 小桶4升 3 小桶倒空 把大桶的一升灌进小桶 这时大桶没有了 小桶一升 4 再灌满大桶 此时往已有1升得小桶里灌三升 大桶剩下6升

  • 算法训练Day38

    目录 动态规划理论基础 LeetCode509 斐波那契数 1 思路 2 代码实现 3 复杂度分析 4 总结与收获 LeetCode70 爬楼梯 1 思路 2 代码实现 3 复杂度分析 4 思考与收获 LeetCode746 使用最小花费爬

  • input/textarea文本的选择与获取

    获取input textarea中选择的文本function getSelectedText textbox if document selection IE return document selection createRange te

  • 网络与信息安全——知识整理（1）

    1 The Security Goals a Confidentiality to protect theconfidential information and to guard against the malicious actions

  • 数据结构——算法

    算法是什么 算法 Algorithm 是对解题方案的准确而完整的描述 是一系列解决问题的清晰指令 说白了就是 用来解决问题的 算法的特性 必须全部符合才可称之为一个算法 1 有穷性 一个算法必须在执行有穷步后结束且每一步必须在有穷时间内完成

  • Unity项目架构

    整理了一下Unity项目客户端涵盖一些内容 如果有遗漏 欢迎大家指出 感谢

  • 动画 + 大白话讲清楚React渲染原理

    前言 相信很多人跟我之前一样 看到源码两个字觉得触不可及 觉得离自己还很遥远 是需要非常多年的工作经验的大佬才能触及到的领域 就在去年我改变了这个想法 当时被react的几个生命周期执行顺序弄的睡不着觉 为什么有些时候生命周期的执行事与愿违

  • 小软件项目开发的管理

    小软件项目开发的管理 创建成功的工程 成功项目管理的秘密 更好地领导一个项目的诀窍 参与变革 走向成功 CMM TSP PSP讲义稿 开发流程中的可用性 软件开发的管理和控制 如何组织软件开发团队 软件项目管理 CMM 经验谈 实施CMM

  • stable-diffusion的webui和comfyuig共享模型路径

    1 修改上图extra model paths yaml example为extra model paths yaml Rename this to extra model paths yaml and ComfyUI will load

  • 最长公共子序列问题（Java）-动态规划

    动态规划法 经常会遇到复杂问题不能简单地分解成几个子问题 而会分解出一系列的子问题 简单地采用把大问题分解成子问题 并综合子问题的解导出大问题的解的方法 问题求解耗时会按问题规模呈幂级数增加 为了节约重复求相同子问题的时间 引入一个数组 不

  • 关于Springcloud的RestTemplate使用服务名报异常java.net.UnknownHostException

    关于Springcloud的RestTemplate使用服务名报异常java net UnknownHostException和使用localhost 8081报异常java lang IllegalStateException No in

  • ConstraintLayout基本使用之toLeftOf 、toTopOf、toRightOf、toBottomOf

    关于ConstraintLayout的博客 文章想必大家已经见过很多了 都是很全面的 今天这篇博客主要将ConstraintLayout的 layout constraintLeft toLeftOf layout constraintLe

  • HTML常考知识点和面试题

    保证页面不会出现编码问题 乱码 宽度等于设备宽度 初始化比例等于1 最大初始化比例等于1 user scalable no 将控制用户无法进行触屏扩大或缩小网页 适配移动端的第一步加上viewport 再针对手机屏幕大小调整 指定一个基础的

热门标签