CSS and Html question -

-

i found page of web developer interview questions, , i'm not sure answers 2 of them. q1, pick answer e. q2, pick answer b, i'm not sure if there better ways it.

  1. which markup structure semantic title within document body, considering title may horizontally centered using large, bold, red font?

    a. <h1>this title</h1>

    b. <p align="center"><font size="+3"><b>this title</b></font></p>

    c. <h1 style="font-weight:bold; font-size:large; text-align:center; color:red;">this title</h1>

    d. <title>this title</title>

    e. <h1 class="largeredboldcenterheading">this title</h1>

    f. <span class="title">this title</span>

  2. are each of following footer markup solutions acceptable? why or why not? alternate solution(s) propose?

    a. <div id="footer">
    copyright 2010 company | text arbitratry.
    </div>

    b. <div id="footer">
    <p>copyright 2010 company | text arbitratry.</p>
    </div>

the correct answer 1. a should have 1 h1 tag on page (so class unnecessary if it's h1) , because class used in e not semantic (e.g. "title") instead describes particular styling useless if later changed way want display title.

in fact can rule out other options this:

  • b) uses align attribute, uses font tag, uses b tag (this 1 iffy prefer used em), uses p tag heading.

  • c) uses inline styles

  • d) uses title element in body try , render content. belongs in head , shouldn't display on page anyway if incorrectly , invalidly placed in body.

  • e) uses class poorly named. classes should describe meaning of class (e.g. "emphasisedheader", "helpbutton" etc. ) , not how class rendered. think of them tag - <largeredboldcenterheading> tag or <emphasisedheader> tag?

  • f) invalid html

for question 2. answer trickier. p tag unnecessary div block element default.

in html 5 there footer element this, , indeed 1 of more attractive abandoned proposals on allow name element (perhaps using own "meta-doctype") , have them render div (e.g. have <adbox> tag instead of <div class="adbox">).

it argued should in <ul id="footer"> each element in <li>, attempting style | divider painful in compliant , cross-browser fashion.

i happy a.


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