Семантика:

Представя списък от елементи, при който редът на елементите не е от значение. Т.е. ако разменим местата на елементите то смисълът на документа няма да се промени!

Елемент: UL

			

				
2 бр. яйца
				
1 ч.ч. прясно мляко или вода
				
1 ч.ч. брашно тип 500
				
1 с.л. краве масло
				
Щипка сол, щипка захар
			
		

• В елемент UL може да имаме единствено LI елементи!
• В LI е позволено да вмъкваме всякакви елементи!
• Форматирането на неподредения списък се извършва изцяло чрез CSS!

Семантика:

Представя списък, чиито елементите са подредени, и тази подредба е от съществено значение. Промяната на реда на елементите на такъв списък би довела до промяна в смисъла на документа.

Елемент: OL

			

				
Яйцата се разбиват, докато се получи еднородна смес.
				
Добавя се млякото, щипка сол и щипка захар.
				
На малки порции се добавя пресятото брашно.
				
Разбъркваме до получаването на гъста смес, с консистенция подобна на боза.
				
Намазваме с масло предварително нагрятия тиган и поставяме черпак от сместа.
				
След няколко минути обръщаме палачинката.
			
		

• В елемент OL може да имаме единствено LI елементи!
• В LI е позволено да вмъкваме всякакви елементи!

Атрибути

• Можем да управляваме типа на номерирането чрез атрибутите на елемента OL: http://www.w3schools.com/tags/tag_ol.asp
• Както и чрез атрибута value на елемент LI (само в подреден списък): http://www.w3schools.com/tags/tag_li.asp

Следвайки правилата описани в предходните слайдове, бихме могли да съставяме вложени списъци като в даден li елемент поместим цял ol или ul елемент:

			

				
Auhtor 1
					

						
Book 1
						
Book 2
						
Book 3
					
				
				
Auhtor 2
					

						
Book 1
						
Book 2
					
				
			
		

Често срещана грешка

Забележете, че "вложените" ol елементи са извън родителският li, и са директно в ul елемента, което е структурна грешка:

			

				
Auhtor 1
				

					
Book 1
					
Book 2
					
Book 3
				

				
Auhtor 2
				

					
Book 1
					
Book 2
				
			
		

Тук валидаторът ще даде грешка: Element ol not allowed as child of element ul in this context.