HTML
关注
分享
扫一扫
文章平均质量分 61
秀秀不只会前端
大厂AI全栈｜校招50+offer｜26应届
精通前端 | 熟悉后端/大模型 | 六段工作经历
已指导多位同学校招/跳槽薪资突破30w+，分享技术干货|求职攻略|校招技巧
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
a 标签的跳转机制
结合着好未来秋招的一道面试题讲解一下 a 标签的跳转机制。原创 2025-12-17 11:48:24 · 300 阅读 · 0 评论 -
【HTML】如何进行搜索引擎优化（SEO）？
seo 是搜索引擎优化。很多类似于门户网站或者功能网站，比如我之前开发过的 手机商城、面试刷题平台，都是拥有很好的 seo。经过seo 的网站可以在搜索引擎的排名提前，可以获取产品知名度和流量。原创 2024-10-08 16:56:41 · 609 阅读 · 0 评论 -
【HTML】Shadow DOM
树，这个树不能被主文档意外访问，可以有本地样式规则等。这样，你就可以创建一个组件，它的内部结构、样式和行为都被隐藏起来，与页面上其他部分隔离开来，避免冲突。节点为起始根节点，在这个根节点的下方，可以是任意元素，和普通的。的一个重要用途是封装。它允许组件拥有自己的“影子”隔离性很强，但是不太好用，api比较反人类。这样，你就可以创建一个独立的。原创 2024-12-19 15:06:55 · 1079 阅读 · 0 评论 -
【HTML】webp
压缩使用已经看到的图像片段来精确重建新像素。如果没有找到有趣的匹配，它还可以使用本地调色板。，网站管理员和网页开发人员可以创建更小、更丰富的图片，使网页更快。是一种现代的图片格式，用于在 web 上提供更好的。压缩使用预测编码对图像进行编码，这种方法与。视频编解码器用于压缩视频关键帧的方法相同。，然后仅对差异进行编码。原创 2024-12-19 14:46:18 · 328 阅读 · 0 评论 -
【HTML】DOCTYPE的作用？
以便浏览器更加准确的理解页面内容，更加良好地展现内容效果！只要我们对文档DOCTYPE做了正确的声明，浏览器就会进入。，浏览器会以老旧的“原创 2024-12-19 10:37:16 · 683 阅读 · 0 评论 -
【HTML】iframe
标签是 HTML 中的⼀个元素，⽤于在当前 HTML ⽂档中嵌⼊另⼀个 HTML ⽂档。它可以在⼀个 HTML ⻚⾯中嵌⼊另⼀个 HTML ⻚⾯或其他类型的⽂档，⽐如 PDF ⽂件或视频⽂件。其中 src 属性指定要嵌⼊的⽂档的 URL，可以是⼀个 HTML ⻚⾯、⼀个 PDF ⽂件或⼀个视频⽂件等等。通过设置 width 和 height 属性可以指定。原创 2024-07-24 16:08:38 · 584 阅读 · 0 评论 -
【HTML】可替换元素
再比如，select 也是可替换元素，他在页面的呈现是用户操作系统上的下拉列表样式，呈现由操作系统决定。所以，同一个select 元素，放到不同操作系统的电脑上也会不同。比如 img 元素就是可替换元素，在页面中呈现什么样的效果取决于链接的什么图片，图片是什么就展现什么，CSS 只是可以控制图片的尺寸位置，无法控制图片本身。非可替换元素就是指普通元素，在页面上呈现什么，完全由 CSS 决定。img，video，audio，大部分表单都属于可替换元素。原创 2024-05-09 20:34:15 · 373 阅读 · 0 评论 -
【HTML】CSR、SSR、SEO
搜索引擎爬虫可能无法获取完整的页面内容。SSR 在服务器端预先生成完整的 HTML 页面，搜索引擎爬虫可以直接获取到完整的页面内容。SSR （Server-Side Rendering）服务端渲染，请求数据和拼装都在服务端完成，相当于在服务端直接完成html。而 Vue,react 等框架，是在客户端完成渲染拼接的，属于CSR（Client-Side Rendering）客户端渲染。综上所述，通过内部优化和外部优化两个方面的工作，可以有效地提升网站在搜索引擎中的排名和曝光度，增加网站的流量和用户体验。原创 2024-03-23 14:36:52 · 985 阅读 · 0 评论 -
电商网站基础布局——以小兔鲜为例
【代码】电商网站基础布局——以小兔鲜为例。原创 2024-02-10 21:14:27 · 1165 阅读 · 0 评论 -
【HTML】自定义属性（data）
注意：传统方法无兼容性问题，但是不够优雅、方便。HTML5新方法很优雅、方便，但是有兼容性问题。优势：自定义的数据可以让页面拥有更好的交互体验(不需要使用Ajax或去服务端查询数据)。自定义属性 data: 的用法（如何设置,如何获取) ，有何优势？为了解决类似的问题，我们可以使用自定义属性（data-）。这时就不存在属性冲突的问题。此时 title 既是。原创 2024-01-31 22:18:00 · 1345 阅读 · 0 评论 -
一文讲清 Cookie 和 Session
当用户访问一个网站时，服务器会为每个用户创建一个唯一的会话，并为该会话分配一个唯一的会话ID。通过使用Cookie，服务器可以存储和读取有关用户的信息，例如用户的偏好设置、登录状态等。在实际应用中，Cookie常用于跟踪用户的登录状态、保存用户的偏好设置等，而Session经常用于存储用户的会话数据、购物车内容等。需要注意的是，Cookie中存储的数据可以被客户端修改，因此对于敏感数据和安全性要求较高的情况，应该使用安全的方式进行存储和传输，例如使用加密算法对数据进行加密，并使用HTTPS进行安全传输。转载 2023-10-15 19:45:48 · 224 阅读 · 0 评论 -
【HTML】常用的 HTML 标签
用于定义标题，共有六个级别（h1 到 h6），h1 是最高级别的标题，h6 是最低级别的标题。原创 2023-08-31 00:13:52 · 242 阅读 · 1 评论 -
【HTML+CSS】零碎知识点
* webkit 内核服务器特有的属性 *//* 3 是需要开始省略（...）的行号 *//* 排列方式：vertical *//* 实现方式： *//* 实现方式： */原创 2023-10-17 13:37:08 · 304 阅读 · 0 评论 -
【HTML】web worker
Web Worker是HTML5中的一项技术，可以在后台运行JavaScript代码，以提高Web应用程序的性能并改善用户体验。它允许在独立的线程中执行耗时的操作，而不会阻塞主线程。后台线程是独立于主线程的，它可以同时执行多个任务（js脚本）而不会阻塞页面的渲染和用户交互。对于测试代码的性能和优化非常有用，可以帮助你找到代码中耗时的部分，并进行针对性的优化。用于开始计时，它接受一个字符串作为参数，该字符串是一个标识符，用于标记计时器。是JavaScript中的控制台方法，可以用来测量代码的执行时间。原创 2023-10-11 11:27:35 · 691 阅读 · 0 评论 -
【前端基础案例1】HTML + CSS + JavaScript
【代码】【前端基础案例1】HTML + CSS + JavaScript。原创 2023-09-21 15:01:05 · 344 阅读 · 0 评论 -
【前端入门案例1】HTML + CSS
案例一<!DOCTYPE html><html lang="en-US"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>My test page</title></head><body> <h4>2023年7月11日 上午 0:1原创 2023-09-02 22:06:50 · 291 阅读 · 0 评论 -
【HTML】HTML5 新特性和结构语义化
为了避免这种情况，HTML5 引入了 Web Workers，允许将耗时的任务放在独立的线程中运行，不会影响主线程的执行。IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。这样，耗时的任务可以放在 Web Worker 中执行，不会影响主线程的响应，从而提高了页面的性能和用户体验。上下文对象，可以在画布上绘制各种图形，如矩形、圆形、线条等，也可以绘制图像。原创 2023-09-02 11:07:45 · 721 阅读 · 0 评论 -
【HTML】label 标签
标签用于为表单元素创建标签文本或标题。它可以与输入字段（如文本框、单选按钮、复选框等）和其他表单元素关联起来，以提高可用性和可访问性。这样做的好处是，用户单击标签时，关联的输入字段会自动聚焦（获取焦点），从而提供更好的用户体验。这样做的好处是，单击标签时，相关的表单元素会自动选中（获取焦点），从而提高可用性和可访问性。标签可以提高表单的可用性、可访问性和用户体验。标签将文本 “用户名：” 与一个文本输入框进行包裹。标签，并根据实际情况选择合适的用法。属性与目标表单元素建立关联。属性的值应与目标元素的。原创 2023-08-06 01:35:14 · 2937 阅读 · 0 评论 -
【HTML】form 标签
HTML中的form标签原创 2023-06-09 20:56:49 · 2383 阅读 · 0 评论