Markup language – List

Time:2022-5-10

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