![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试题
清风拌酒
这个作者很懒,什么都没留下…
展开
-
如何禁止a标签跳转页面
方法一:让href的值为javascript:;<a href="javascript:;">点击不会跳转</a>方法二:让点击事件直接返回false<a href="#" onclick="return false">点击不会跳转</a>方法三:通过js阻止默认行为<a href="#" id="test">点击不跳转</a><script> document.querySe原创 2022-04-19 17:44:52 · 6074 阅读 · 0 评论 -
script标签中async和defer两个属性的作用和区别
背景通过<script>标签引入第三方库,如果因为提供者那边的问题,使得内容加载缓慢,就会阻塞DOM的渲染,就可能会导致页面空白而这两个属性就是用来解决这个问题的相同点都是通过异步立即开始下载脚本文件,这里对这个异步立即下载写一个我自己的理解:当执行到异步的内容时,异步的内容会立即开始下载,但同步的内容不需要等待其下载完毕,而是继续执行后面的内容都不会阻塞DOM的渲染不同点defer要在文档解析完成后才能加载,而且如果有多个<script>标签添加了d原创 2022-04-17 19:53:09 · 175 阅读 · 0 评论 -
meta元素标签的常见作用
<meta>标签用来提供有关html文档的元数据,元数据不会显示给用户看,但浏览器可以识别,同时对SEO(搜索引擎优化)起着重要作用<meta charset="utf-8">charset属性指定了html文档的编码格式,常用的就是utf-8(Unicode字符编码)content属性定义与name或http-equiv属性相关的元信息,content 属性始终要和 name 属性或 http-equiv 属性一起使用。name属性<meta name原创 2022-04-15 20:32:16 · 1990 阅读 · 0 评论 -
HTML5语义化及其优点,语义化标签
我们常用div在加上自定义的类名来表示页面的不同部分,而语义化标签,其实就是帮我们做了这些事,像页面几乎都会有的头部,尾部,导航,主要内容,这些常见模块,我们不需要再使用自定义类名的div,而是直接使用对应的语义化标签<header>,<footer>,<nav><main>所以语义化就是通过使用这些语义化标签,让页面的内容结构更清晰,便于开发者的阅读,维护,同时更有利于SEO(Seach Engine Optimization 搜索引擎优化)搜索引擎原创 2022-04-09 12:29:20 · 509 阅读 · 0 评论 -
伪类和伪元素
相同点:都是一种选择器伪类: 它用于选择处于特定状态的元素伪类又分为简单伪类,例如:选择第一个元素的:first-child和用户行为伪类,例如:鼠标悬停:hover我自己的理解是当元素处于特殊状态(例如:鼠标悬停其上)或者特殊位置(例如:第一个元素)时,可以通过伪类选择器修改它们的样式.伪类只是修改了样式,但不会添加元素伪元素:用于创建一些不在文档树中的元素,并为其添加样式。我的理解:伪元素选择器可以添加新的元素,并且为其添加样式,例如::before,我们可以改变它的内容也可原创 2022-04-08 15:52:27 · 66 阅读 · 0 评论 -
html的新特性有哪些
新增选择器 document.querySelector、document.querySelectorAlldocument.querySelector()只返回第一个满足条件的标签 document.querySelectorAll()返回所有满足条件的标签,会返回一个伪数组,伪数组和数组类似可以遍历,有length属性,但一些数组的方法没有,例如:push,map,shift拖拽释放(Drag and drop) API用户可使用鼠标选择可...原创 2022-04-07 10:52:12 · 3229 阅读 · 0 评论 -
html标签的类型(head, body,Doctype) 他们的作用是什么
<head>:用来存放头部元素,例如:<title>,<script>,<link>,<meta>等等<body>:文档的主体部分,用户可见的文本,图片,音频,视频等都是放在这里<!Doctype>:(标题处不能加!,注意这里是需要!的)放在文件的第一行,在<html>之前<!DOCTYPE> 不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编原创 2022-04-02 16:18:20 · 761 阅读 · 0 评论