{"id":1601,"date":"2021-06-03T11:38:06","date_gmt":"2021-06-03T09:38:06","guid":{"rendered":"https:\/\/blogs.uab.cat\/editorsweb\/?p=1601"},"modified":"2025-12-12T14:11:51","modified_gmt":"2025-12-12T12:11:51","slug":"anem-a-passar-llista","status":"publish","type":"post","link":"https:\/\/webs.uab.cat\/webedit\/2021\/06\/03\/anem-a-passar-llista\/","title":{"rendered":"Anem a passar llista"},"content":{"rendered":"\n<p class=\"wp-block-uab-entradeta entradeta\">Una llista \u00e9s una enumeraci\u00f3 d\u2019elements relacionats. Cada element acostuma a estar precedit per un s\u00edmbol o b\u00e9 un n\u00famero. Les llistes poden ser molt \u00fatils per a facilitar la comprensi\u00f3 d\u2019un bloc d\u2019informaci\u00f3 per\u00f2 com sempre, hem de ser curosos en el moment de fer-la.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Hi ha tres tipus de llistes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Llistes ordenades: agrupen els elements seguint un ordre concret.<br>Exemple: passos a seguir per formalitzar la teva matr\u00edcula.<\/li>\n\n\n\n<li>Llistes no ordenades: els \u00edtems que la composen no necessiten un ordre especial. L\u2019ordre dels elements es pot variar sense que afecti al seu sentit.<br>Exemple: documentaci\u00f3 que cal aportar en el moment de formalitzar la matr\u00edcula.<\/li>\n\n\n\n<li>Llistes de definicions: es fan servir per mostrar elements i les seves definicions o b\u00e9 per indicar algun atribut dels elements de la llista.<\/li>\n<\/ul>\n\n\n\n<p>Les llistes han d\u2019estar correctament etiquetades en el codi html i no s\u2019han de fer de manera manual.<\/p>\n\n\n\n<dl class=\"pir\">\n<dt>Com es pot marcar el codi html de llista sense saber html?<\/dt>\n<\/dl>\n\n\n\n<dl class=\"pir\">\n<dd>\u00c9s senzill. Una vegada tenim els elements de la nostra llista introdu\u00efts en el gestor de continguts caldr\u00e0 que premem un dels botons seg\u00fcents:<br><br>Bot\u00f3 per llistes ordenades: <a href=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/12\/LlistaOrdenada.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"20\" height=\"20\" class=\"alignnone wp-image-1022\" src=\"https:\/\/webs.uab.cat\/editorsweb\/wp-content\/uploads\/sites\/31\/2019\/04\/LlistaOrdenada.gif\" alt=\"Bot\u00f3 de llista enumerada\"><\/a> <br>Bot\u00f3 per llistes no ordenades: <a href=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/12\/LlistaPunts.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"20\" height=\"20\" class=\"alignnone wp-image-1023\" src=\"https:\/\/webs.uab.cat\/editorsweb\/wp-content\/uploads\/sites\/31\/2019\/04\/LlistaPunts.gif\" alt=\"Bot\u00f3 de llista sense enumerar\"><\/a><\/dd>\n<\/dl>\n\n\n\n<p>L\u2019avantatge de fer-ho aix\u00ed \u00e9s que contribu\u00efm a l\u2019accessibilitat perqu\u00e8 el contingut tindr\u00e0 una estructura sem\u00e0ntica adequada i podr\u00e0 ser interpretat correctament per un lector de pantalla. Aix\u00ed mateix un html ben estructurat sempre agrada als cercadors i ja se sap la dita: \u201cun cercador content millora el nostre posicionament\u201d. I qu\u00e8 passa quan un contingut est\u00e0 ben posicionat? Doncs que els nostres usuaris ho trobaran abans i, si tot el contingut est\u00e0 ben fet, doncs ens estalviarem trucades. Tots guanyem.<\/p>\n\n\n\n<p>Les llistes s\u00f3n elements dels que no conv\u00e9 abusar. Cal evitar les pr\u00e0ctiques seg\u00fcents que, per desgr\u00e0cia, s\u00f3n massa habituals en el web de la UAB:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fer llistes amb un \u00fanic element<\/li>\n\n\n\n<li>Fer llistes nom\u00e9s per maquetar<\/li>\n\n\n\n<li>Fer llistes anidades<\/li>\n<\/ul>\n\n\n\n<p>Sobre aquest darrer punt, les llistes anidades s\u00f3n llistes dins de llistes. Abans de fer una llista d\u2019aquest tipus, reflexionem: realment cal? Un avantatge de fer una llista \u00e9s que faciliten la lectura per\u00f2 en pantalla una llista dins d\u2019una altra pot aconseguir l\u2019efecte contrari. Hi haur\u00e0 casos en qu\u00e8 si que caldr\u00e0 per\u00f2 en molts altres es podria resoldre fent llistes per separat.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":24,"featured_media":6771,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,13,7],"tags":[19,65],"class_list":["post-1601","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibilitat","category-edicio-de-textos","category-normes-destil","tag-accessibilitat","tag-llistats"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts\/1601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/comments?post=1601"}],"version-history":[{"count":3,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts\/1601\/revisions"}],"predecessor-version":[{"id":6785,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts\/1601\/revisions\/6785"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media\/6771"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=1601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/categories?post=1601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/tags?post=1601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}