Standardized design solution – markup language and style manual
Web Standards Solutions The Markup and Style Handbook
Part 1: get down with markup
Chapter 1 List
The list can be found on almost every page on the Internet Hyperlink list; Shopping cart item list; Your favorite movie list Even the navigation list of the whole website It may seem to some people that the establishment of lists is arbitrary, but what we need to explore is how to establish lists and focus on the advantages and disadvantages of several common methods Later, we’ll list a few examples of how to beautify a common list set of their advantages and disadvantages
Let’s go shopping
Initially, I intended to use a list of items (laundry list) as an example of this chapter, but soon I realized that I didn’t know what items should be included in this list, so For the sake of examples, let’s take food as an example!
Let’s imagine that you need to put a food list on your own website. You may wonder why you want to put the food list on the website. Well, this may be irrelevant. We just need a reason to start thinking about the list
On the page, suppose we want the list to look like Well, it looks like a list – that is, a long vertical list with one line for each item:
Apples
Spaghetti
Green Beans
Milk
It looks very simple, doesn’t it? Similar to many aspects of page design and development, we can achieve the same (or similar) effect in many different ways Like all the examples later in this book, I will present all the examples from the perspective of Extensible HyperText Markup Language (XHTML) – and confirm that the selected methods use the correct markup syntax and comply with the various standards set by the World Wild Web Consortium (W3C)
We can easily add a < br / > tag after each item, or we can use various list item tags to complete this work. Now let’s look at three completely different methods and the characteristics of each method
Recommended Today
Linux shell realizes regular backup of MySQL database every day
Regularly back up MySQL database tasks every day, delete the data before the specified days, and retain the data of the specified days; Requirements: 1. Back up MySQL data at 4:00 every day; 2. In order to save space, delete all backup data for more than 3 months; 3. Delete the backup data for more […]
- Four functions of transform attribute in CSS3
- Vue element UI form verification rules, what do you master?
- CSS transition expands and collapses elements by changing height
- Application of HTML and CSS in flash
- Typical example of Vue two field joint verification — changing password
- The difference between Z-index: 0 and Z-index: Auto in CSS
- Object oriented programming of XHTML and CSS
- Implementation of singleton pattern and singleton pattern prototype class in JS
- XHTML three file type declarations
- How to use resize to realize the picture switching preview function