Tips on HTML formatting and long files for web design
|
<br />Related articles: 9 practical suggestions for web content page creation 4 practical suggestions for web page design 9 suggestions for web page layout HTML format 1. Cross tags should be avoided. Different browsers react differently to cross-tags. 2. Use interlaced GIF and Jpeg. Because interlaced images are displayed in stages—first at a very low resolution, then at progressively higher resolutions until they reach normal resolution—this can sometimes make larger images appear to load faster (this is not actually the case, but it is a helpful illusion). This also makes it easier for readers to see what the image looks like while it is loading, so if they don't like or want to see it, they have the opportunity to interrupt the transmission or go elsewhere. 3. You can embed a link in an HTML element, but you cannot do the opposite and embed a link in a title or other HTML element. Long documents 1. Try to ensure that when readers browse long documents, small movements of the browser scroll bar do not cause large jumps on the page. As a rule of thumb, press the scroll bar once to move less than one page, so that part of the previous window's contents is still visible. 2. Otherwise, divide a long file into several sub-files and link them on the homepage. But remember that child pages can become dead pages - sometimes the hit rate is less than 10%. Be smart about it and give readers a good reason to load up the subpage or give them a good reason to browse through it. 3. If there are many pages, it is obviously a good idea to provide a content list or directory on the homepage. Instead of having that regular, boring, rigid tree layout, make it interesting, give readers a reason to follow the links, and help them understand content they might not otherwise see. 4. If you must put all the content in one file, use a table of contents and jump directly to the beginning of each section from the table of contents. Or do better, provide a separate text file for downloading - stripped of all formatting characters - to minimize the download time. |
<<: How to achieve centered layout in CSS layout
>>: Detailed explanation of HTML document types
Recommend
Detailed explanation of Angular data binding and its implementation
Table of contents Preface What is data binding? T...
Detailed explanation of the installation commands and usage of Docker and FastDFS
Docker Features 1) Quick to get started It only t...
A brief discussion on the Linux kernel's support for floating-point operations
Currently, most CPUs support floating-point units...
MySQL index for beginners
Preface Since the most important data structure i...
Vue implements file upload and download
This article example shares the specific code of ...
Docker builds jenkins+maven code building and deployment platform
Table of contents Docker Basic Concepts Docker in...
Summary of common commands for building ZooKeeper3.4 middleware under centos7
1. Download and decompress 1. Introduction to Zoo...
A complete tutorial on installing Ubuntu 20.04 using VMware virtual machine
Ubuntu is a relatively popular Linux desktop syst...
JavaScript flow control (loop)
Table of contents 1. for loop 2. Double for loop ...
Don’t bother with JavaScript if you can do it with CSS
Preface Any application that can be written in Ja...
Pure CSS to achieve horizontal line animation under the element (background-image)
Effect picture: html: <div class='site_bar...
Basic security settings steps for centos7 server
Turn off ping scanning, although it doesn't h...
Problems with changing password and connecting to Navicat when installing and using MySQL 8.0.16 under Windows 7
I encountered several problems when installing My...
Use MySQL master-slave configuration to achieve read-write separation and reduce database pressure
In order to handle a large number of concurrent v...
Steps to package and release the Vue project
Table of contents 1. Transition from development ...