HTML
文章平均质量分 72
小秀_heo
一个学习前端开发的大学生
展开
-
【HTML】可替换元素
再比如,select 也是可替换元素,他在页面的呈现是用户操作系统上的下拉列表样式,呈现由操作系统决定。所以,同一个select 元素,放到不同操作系统的电脑上也会不同。比如 img 元素就是可替换元素,在页面中呈现什么样的效果取决于链接的什么图片,图片是什么就展现什么,CSS 只是可以控制图片的尺寸位置,无法控制图片本身。非可替换元素就是指普通元素,在页面上呈现什么,完全由 CSS 决定。img,video,audio,大部分表单都属于可替换元素。原创 2024-05-09 20:34:15 · 49 阅读 · 0 评论 -
【HTML】CSR、SSR、SEO
搜索引擎爬虫可能无法获取完整的页面内容。SSR 在服务器端预先生成完整的 HTML 页面,搜索引擎爬虫可以直接获取到完整的页面内容。SSR (Server-Side Rendering)服务端渲染,请求数据和拼装都在服务端完成,相当于在服务端直接完成html。而 Vue,react 等框架,是在客户端完成渲染拼接的,属于CSR(Client-Side Rendering)客户端渲染。综上所述,通过内部优化和外部优化两个方面的工作,可以有效地提升网站在搜索引擎中的排名和曝光度,增加网站的流量和用户体验。原创 2024-03-23 14:36:52 · 643 阅读 · 0 评论 -
电商网站基础布局——以小兔鲜为例
【代码】电商网站基础布局——以小兔鲜为例。原创 2024-02-10 21:14:27 · 977 阅读 · 0 评论 -
【HTML】自定义属性(data)
注意:传统方法无兼容性问题,但是不够优雅、方便。HTML5新方法很优雅、方便,但是有兼容性问题。优势:自定义的数据可以让页面拥有更好的交互体验(不需要使用Ajax或去服务端查询数据)。自定义属性 data: 的用法(如何设置,如何获取) ,有何优势?为了解决类似的问题,我们可以使用自定义属性(data-)。这时就不存在属性冲突的问题。此时 title 既是。原创 2024-01-31 22:18:00 · 710 阅读 · 0 评论 -
一文讲清 Cookie 和 Session
当用户访问一个网站时,服务器会为每个用户创建一个唯一的会话,并为该会话分配一个唯一的会话ID。通过使用Cookie,服务器可以存储和读取有关用户的信息,例如用户的偏好设置、登录状态等。在实际应用中,Cookie常用于跟踪用户的登录状态、保存用户的偏好设置等,而Session经常用于存储用户的会话数据、购物车内容等。需要注意的是,Cookie中存储的数据可以被客户端修改,因此对于敏感数据和安全性要求较高的情况,应该使用安全的方式进行存储和传输,例如使用加密算法对数据进行加密,并使用HTTPS进行安全传输。转载 2023-10-15 19:45:48 · 52 阅读 · 0 评论 -
【HTML】常用的 HTML 标签
用于定义标题,共有六个级别(h1 到 h6),h1 是最高级别的标题,h6 是最低级别的标题。原创 2023-08-31 00:13:52 · 89 阅读 · 1 评论 -
【HTML+CSS】零碎知识点
* webkit 内核服务器特有的属性 *//* 3 是需要开始省略(...)的行号 *//* 排列方式:vertical *//* 实现方式: *//* 实现方式: */原创 2023-10-17 13:37:08 · 218 阅读 · 0 评论 -
【HTML】web worker
Web Worker是HTML5中的一项技术,可以在后台运行JavaScript代码,以提高Web应用程序的性能并改善用户体验。它允许在独立的线程中执行耗时的操作,而不会阻塞主线程。后台线程是独立于主线程的,它可以同时执行多个任务(js脚本)而不会阻塞页面的渲染和用户交互。对于测试代码的性能和优化非常有用,可以帮助你找到代码中耗时的部分,并进行针对性的优化。用于开始计时,它接受一个字符串作为参数,该字符串是一个标识符,用于标记计时器。是JavaScript中的控制台方法,可以用来测量代码的执行时间。原创 2023-10-11 11:27:35 · 575 阅读 · 0 评论 -
【前端基础案例1】HTML + CSS + JavaScript
【代码】【前端基础案例1】HTML + CSS + JavaScript。原创 2023-09-21 15:01:05 · 159 阅读 · 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 · 169 阅读 · 0 评论 -
【HTML】HTML5 新特性和结构语义化
为了避免这种情况,HTML5 引入了 Web Workers,允许将耗时的任务放在独立的线程中运行,不会影响主线程的执行。IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。这样,耗时的任务可以放在 Web Worker 中执行,不会影响主线程的响应,从而提高了页面的性能和用户体验。上下文对象,可以在画布上绘制各种图形,如矩形、圆形、线条等,也可以绘制图像。原创 2023-09-02 11:07:45 · 258 阅读 · 0 评论 -
【前端】回流与重绘
回流是指在渲染页面时,由于DOM结构或尺寸的改变,需要重新计算元素的几何属性和页面布局。当发生回流时,浏览器需要重新计算每个受影响元素的位置和尺寸,然后重新绘制整个页面。回流(Reflow)和重绘(Repaint)是浏览器渲染过程中的两个关键概念,它们与修改DOM和CSS相关。虽然这两个过程都是渲染的一部分,但它们的开销和影响是不同的。通过合理优化和设计,可以减少回流和重绘的次数,提高网页的响应速度和用户体验。因此,需要尽量避免频繁的DOM和样式改变,以减少回流的次数。原创 2023-08-29 15:35:38 · 205 阅读 · 0 评论 -
【HTML】label 标签
标签用于为表单元素创建标签文本或标题。它可以与输入字段(如文本框、单选按钮、复选框等)和其他表单元素关联起来,以提高可用性和可访问性。这样做的好处是,用户单击标签时,关联的输入字段会自动聚焦(获取焦点),从而提供更好的用户体验。这样做的好处是,单击标签时,相关的表单元素会自动选中(获取焦点),从而提高可用性和可访问性。标签可以提高表单的可用性、可访问性和用户体验。标签将文本 “用户名:” 与一个文本输入框进行包裹。标签,并根据实际情况选择合适的用法。属性与目标表单元素建立关联。属性的值应与目标元素的。原创 2023-08-06 01:35:14 · 1768 阅读 · 0 评论 -
【HTML】form 标签
HTML中的form标签原创 2023-06-09 20:56:49 · 1840 阅读 · 0 评论