HTML的快速编写

巴扎黑

发布时间：2017-06-23 10:49:27

2169人浏览过

来源于php中文网

原创

1. 嵌套操作----------
  
子操作： >
  
div>ul>li  
<div><ul><li></li></ul></div>
  并列：+
  
div+ul>li  
<div></div><ul><li></li></ul>
  上级：^
  
ul>li^div  
<ul><li></li></ul><div></div>
  ul>li>a^^div 上级多层  
<ul><li><a href=""></a></li></ul><div></div>
  重复：*
  
ul>li*3  
<ul><li></li><li></li><li></li></ul>
  分组：()
          
div>(p>span)*2  
<div><p><span></span></p><p><span></span></p></div>
  2. 属性操作----------
  
id和类
  
div#header+div.main+div#footer  
<div id="header"></div><div class="main"></div><div id="footer"></div>
  属性值
  
a[title=test target=_self]  
<a title="test" target="_self" href=""></a>
  数列值：$
  
p.item$*3  
<p class="item1"></p><p class="item2"></p><p class="item3"></p>
  p.item$$*3  
<p class="item01"></p><p class="item02"></p><p class="item03"></p>
  数列操作符：@
  
p.item$@-*3   @- = -1  
<p class="item3"></p><p class="item2"></p><p class="item1"></p>
  p.item$@3*3  @3 = 从3开始3次  
<p class="item3"></p><p class="item4"></p><p class="item5"></p>
  p.item$@-3*3 @-3 = 3次后到3结束  
<p class="item5"></p><p class="item4"></p><p class="item3"></p>
  3. 字符操作----------        
  
字符操作：{}
  
a{click}          
<a href="">click</a>   
          a>{click}+span{me}  
<a href="">click<span>me</span></a>
  4. 缺省元素----------
  
.header+.footer  ---------------  div.header+div.footer
  
ul>.item*3 -------------- ul>li.item*3
  
table>.row*4>.cell*3 -------------- table>tr.row*4>td.cell*3

HTML类选择器怎么用_HTML类选择器样式设置详解【详解】

如何安全高效地实现 HTML 编辑器中的 iframe 实时预览

HTML样式在表单中怎么应用_HTML表单样式应用方法【方法】

如何在 GitHub Pages 上正确引用本地资源文件（图片、文档等）

HTML背景颜色设置问题_HTML页面背景色不生效排查解答【解答】

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关专题

TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开，深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析，帮助开发者构建类型安全、结构清晰、易维护的前端工程体系，提高团队协作效率与代码质量。

2026.03.13

Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开，深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例，帮助开发者掌握 Python 在高并发场景中的高效开发方法，并提升系统资源利用率与整体运行性能。

2026.03.12

C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开，系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例，帮助开发者掌握构建高可用微服务系统的关键技术，提高系统的可扩展性与维护效率。

178

2026.03.11

Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开，系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示，帮助开发者构建稳定高效的 Go 并发任务处理系统，提高系统在高负载环境下的处理能力与稳定性。

2026.03.10

Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开，重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析，帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系，提升团队协作效率与项目迭代速度。

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开，系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理，以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例，帮助开发者理解浏览器底层工作原理，并掌握提升网页加载速度与交互体验的实用技巧。

102

2026.03.06

Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开，深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例，分析内存安全保障原理与零成本抽象优势，并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学，掌握在高性能与安全性并重场景中的工程实践能力。

227

2026.03.05

PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开，重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景，深入分析性能瓶颈定位与优化思路，帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

532

2026.03.04