I recently read the book "HTML Refactoring". I will make my own summary below so that everyone can learn and communicate together.
What is refactoring? Refactoring is a process of making small changes without changing the behavior of the program. It is a process in which the code is basically gradually improved. It usually requires the help of some automated tools. A good website requires us to improve the code day by day. Search engine optimization (seo) is one of the main drivers of website reconstruction. Search engines value text more than images; they value front-end text more than back-end text, and they value titles or meta tags more. The author hopes that SEO can be done well by replacing more text content such as pictures, flash, etc. I personally feel that after reading this book, it will be very helpful for SEO
Baidu Encyclopedia’s definition of refactoring is: Refactoring is to improve software by adjusting program code Quality and performance make the design pattern and architecture of the program more reasonable, and improve the scalability and maintainability of the software.
The following mind map is a general summary of the general content of the book:
Tools
The tools recommended in this book mainly include automated testing, but I think the ones actually used in the current development process will be more few. Here are some other excellent tools recommended:
1. YSlow
YSlow is a browser plug-in launched by Yahoo that can help you modify the pages of your website. Analyze and provide you with some optimization suggestions to improve website performance. Click me to view Yslow-23 rules
2. PageSpeed
PageSpeed is also a browser plug-in, launched by Google, which can effectively optimize our Web website and help you easily optimize the website. Analyze performance bottlenecks and provide you with optimization suggestions.
3.Other excellent tools
Well-structured
What is well-structured? From a technical point of view: it means that the document should follow certain strict endings. For example, every start tag should have an end tag, the start and structure of elements should be within the same parent element, and every entity reference should be defined in advance. good. Although most websites have now adopted:
<!DOCTYPE html> //dtd
Using the html5 tag allows us to not be so standardized when writing html tag statements, but I think from the documentation In terms of rigor, standardization and readability, it is still very necessary to follow the XML standard. The so-called well-structured compliance standards:
1. All start tags should have a matching end tag.
2. Empty elements should use the tag syntax of empty elements.
-->
3. All attributes All must have a value
4. All attribute values need to be enclosed in quotation marks
5. All ampersands must be converted Meaning &
Embedded JavaScript will cause problems here. & is not escapable in Javascript. You can move the script to an external file where escaping is not necessary or put the script in a comment.
6. All less than signs
Embedded JavaScript will cause problems here. Javascript does not treat
7.只有唯一的根元素
8.转义属性值中的引号
在属性值中把 ” 转义为" ，把 ’ 转义为' 。
9.所有未预定义的实体引用必须在DTD中声明
10.结束每一个实体引用，替换虚构的实体引用
XML要求实体引用以分号结尾。
11.将名称改为小写，所有元素的
12.把文本转化为UTF-8
Utf-8是一个标准的编码，可运作在所有浏览器上，被主流的文本编辑器个工具支持，支持所有Unicode字符。
内容
可访问性
作者说了三点
a、对于视力不好的用户可以通过感知来感知文本
b、可以加大搜索引擎的结果
c、可以提升网站性能，而且可以节省带宽成本及访问者的时间
作者还是那句话：HTML文档只有内容不应该有装饰
对非隐藏的input,textarea,select等表单元素确保它们都有相应的标签
为每个表单添加Tab索引这样用户就可以通过tab键进行跳转了
<input tabindex="1" type="checkbox" />
有7个元素支持tabindex分别为：a area button input object select textarea
// en定义语言为英语// zh-CN定义语言为中文<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">// 如果网页定义为XHTML1.1或者XML格式,那么可以使用xml:lang属性(因为xml:lang属性是在XML中确定语言信息的标准用法).// 如果网页使用HTML格式,那么应该同时使用xml:lang和lang属性.
布局
创建现代网页需要使用与CSS相分离的XHTML不要再使用表格型布局与font标签等表现性元素（//老生常谈）
Web应用程序
以下操作都应该通过POST操作
1) 定购商品
2) 签署法律文档
3) 从CMS中删除页面
4) 签署申述
5) 发送电子邮件
6) 向数据库插入新内容
7) 打印地图
8) 操控机器
以下操作都应该通过GET操作，因为这是安全的。且不必强制用户接受
1) 读取文档
2) 从CMS下载一份可编辑文档的副本
3) 读取电子邮件
4) 查看地图
5) 检查机器的当前状态
通过GET访问的URL可以链接、被爬虫抓取、收藏、预抓取，缓存。GET的形式的URL让用户可以使用后退键。总的来说，在这些情况下GET操作比POST操作对用户更友好。GET形式的URL对搜索引擎也更友好，可以提高搜索引擎排名。
启用缓存某些不常改变的资源（如网页icon）可以大大提高用户访问页面的速度，提升用户交互性能。
ETag：Etag是URL的Entity Tag，用于标示URL对象是否改变，区分不同语言和Session等等。具体内部含义是使服务器控制的，就像Cookie那样。
A simple summary, I hope you can gain something.
如何解决Python的代码的可维护性差错误？Jun 25, 2023 am 11:58 AMPython作为一门高级编程语言，在软件开发中得到了广泛应用。虽然Python有许多优点，但很多Python程序员经常面临的问题是，代码的可维护性较差。Python代码的可维护性包括代码的易读性、可扩展性、可重用性等方面。在本篇文章中，我们将着重讨论如何解决Python代码的可维护性差的问题。一、代码的易读性代码可读性是指代码的易读程度，它是代码可维护性的核
web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！
如何解决Python的代码中的代码复杂度过高错误？Jun 24, 2023 pm 05:43 PMPython是一门简单易学高效的编程语言，但是当我们在编写Python代码时，可能会遇到一些代码复杂度过高的问题。这些问题如果不解决，会使得代码难以维护，容易出错，降低代码的可读性和可扩展性。因此，在本文中，我们将讨论如何解决Python代码中的代码复杂度过高错误。了解代码复杂度代码复杂度是一种度量代码难以理解和维护的性质。在Python中，有一些指标可以用
如何做好Java代码的重构Jun 15, 2023 pm 09:17 PM作为世界上最流行的编程语言之一，Java已成为许多企业和开发者的首选语言。然而，代码的重构对于保持代码质量以及开发效率至关重要。Java代码由于其复杂性，随着时间的推移可能会变得越来越难以维护。本文将讨论如何进行Java代码的重构，以提高代码质量和可维护性。了解重构的原则Java代码重构的目的在于改进代码的结构、可读性和可维护性，而不是简单的“改变代码”。因
Go语言中的优化和重构的方法Jun 02, 2023 am 10:40 AMGo语言是一门相对年轻的编程语言，虽然从语言本身的设计来看，其已经考虑到了很多优化点，使得其具备高效的性能和良好的可维护性，但是这并不代表着我们在开发Go应用时不需要优化和重构，特别是在长期的代码积累过程中，原来的代码架构可能已经开始失去优势，需要通过优化和重构来提高系统的性能和可维护性。本文将分享一些在Go语言中优化和重构的方法，希望能够对Go开发者有所帮
深入理解Go语言中的函数重构技巧Mar 28, 2024 pm 03:05 PM在Go语言程序开发中，函数重构技巧是十分重要的一环。通过优化和重构函数，不仅可以提高代码质量和可维护性，还可以提升程序的性能和可读性。本文将深入探讨Go语言中的函数重构技巧，结合具体的代码示例，帮助读者更好地理解和应用这些技巧。1.代码示例1：提取重复代码片段在实际开发中，经常会遇到重复使用的代码片段，这时就可以考虑将重复代码提取出来作为一个独立的函数，以
Python开发经验分享：如何进行代码重构和优化Nov 22, 2023 pm 07:25 PMPython开发经验分享：如何进行代码重构和优化引言：随着软件开发的不断发展，代码的重构和优化已成为开发过程中不可或缺的一环。而Python作为一门动态、简洁的高级编程语言，也同样需要进行代码重构和优化来提高程序的性能和可维护性。本文将分享一些Python代码重构和优化的经验，帮助开发者写出更高效、更可靠的Python代码。第一部分：代码重构代码重构是指对已
Go语言中的该如何进行代码重构Jun 02, 2023 am 08:31 AM随着软件开发的不断深入和代码的不断积累，代码重构已经成为了现代软件开发过程中不可避免的一部分。它是一种对系统的既定代码进行修改，以改善其结构、性能、可读性或其他相关方面的过程。在本文中，我们将探讨如何在Go语言中进行代码重构。定义好重构的目标在开始代码重构之前，我们应该制定一个清晰的重构目标。我们需要问自己一些问题，比如这段代码存在哪些问题？我们要通过重构
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Zend Studio 13.0.1
Powerful PHP integrated development environment
Notepad++7.3.1
Easy-to-use and free code editor
Atom editor mac version download
The most popular open source editor
SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
