html - Why it is accepted to use an UL, LI structure in menu lists? -

-

i'm new html. when started reading documentation lists, i've noticed everywhere <ul>, <li> structure used, creating simple lists.

but me it's comfortable use <a> elements css:

display: block; /* and/or */ float: left;

so, why use <ul>, <li> instead of <a>?

thanks lot.

because structurally they're appropriate elements purpose. helps screen reader users in terms of dictating elements of page.

remember html markup/content ( text? paragraph? wrap in p tag ), css styling, js behaviour.

you can have thousands of anchors on web page, if want style anchors nested within listed items differently other anchors? 

<ul> <li><a href="#">blah</a></li> </ul>  <a href="#">sfl</a>

if had done things properly, css trivial implement

a { } ul li { }

otherwise you'd have throw classes around anchors , messy , unstructural.

in regards seo - believe in past semantically marked code didn't have bearing nowadays specs rdf, html 5 elements web getting more , more semantic, it's beneficial semantic can be.

in 2010, google specified 3 forms of structured metadata systems use find structured semantic content within webpages. such information, when related reviews, people profiles, business listings, , events used google enhance 'snippet', or short piece of quoted text shown when page appears in search listings. google specifies that data may given using microdata, microformats or rdfa.[13] microdata specified inside itemtype , itemprop attributes added existing html elements; microformat keywords added inside class attributes discussed above; , rdfa relies on rel, typeof , property attributes added existing elements.[14]


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more