semantic-markup | 易学教程

Should I use a button or a link if the URL doesn't change?

阅读更多关于 Should I use a button or a link if the URL doesn't change?

问题 I'm building an app which works only with JavaScript enabled (otherwise, an appropriate message is displayed). There are a couple of screens in the app: game, tutorial, settings, about/credits. They look like separate pages, but it's all a single-page app. There are no URL changes when navigating between the screens. Should I use a button or an anchor in this case? It feels like an anchor, but there's no page to lead to, meaning that href would have to be # . Also an anchor will break common

Best semantics for translations with notes

阅读更多关于 Best semantics for translations with notes

问题 I want to offer translations for lyrics, book excerpts and more. The result should look like this: original text part 1 (for example a paragraph) translated text part 1 notes on part 1 original text part 2 translated text part 2 notes on part 2 So far I'd do the basic mark-up as proposed here Semantically marking up translations. <section> <blockquote lang="en"> original text part 1 <footer>— Crazy hunch-backed old guy from the movie Aladdin</footer> </blockquote> <blockquote lang="de">

Positioning child content outside of parent container

阅读更多关于 Positioning child content outside of parent container

问题 I'm trying to visually position a DIV (article header) outside of it's parent DIV (article) container. Is this possible? My mark-up example is available here - http://codepen.io/calebo/pen/CGoyD 回答1: Try this: .main { background: tomato; float: left; width: 600px; margin-top: 30px; /* above Layout adjustment */ /* removed overflow: hidden; */ /* use always clearfix method instead */ } .article_header { background: SteelBlue; color: #fff; position: absolute; bottom: 100%; margin-bottom: 10px;

Is it necessary to use H2 after h1

阅读更多关于 Is it necessary to use H2 after h1

问题 Is it mandatory to use H2 after h1 if text is too small then can we use h4 after h1 . and is it accessible ? 回答1: Technically you can use any combination of those. Semantically, it's wise to use the common order. And if the font size is too small, use CSS to change that. With the tags h1 - h6 you give a semantic meaning to a title. Where h1 is for the top level, h2 for a subdivision of h1 , h3 for a subdivision of h2 etc. You can change the appearance by setting CSS rules, which is great

What's the difference between using RDFS/OWL and XML?

阅读更多关于 What's the difference between using RDFS/OWL and XML?

Mainly, I was wondering what advantages the ontology languages of RDFS/OWL has over using a markup system (such as http://www.schema.org/ ) for managing and creating metadata? I'm still very confused about how different concepts of the "Semantic Web" are supposed to fit together in the overall picture... The relation between RDF/RDFS/RDFa? OWL? URIs? and finally, XML and SQL/SPARQL? All the descriptions I've read about so far about them make sense individually, but I'm not sure if I could be able to use them as tools if someone were to tell me to implement and query an ontology, for instance.

How to use two backgrounds for one element and put second background on top of first?

阅读更多关于 How to use two backgrounds for one element and put second background on top of first?

In a project I need to make headings like this and I want to use with less image and markup because Texture will be the same but Gradient are different in different sections. I have 3 things in heading. Heading text A texture over the gradient and under the heading text A gradient behind the texture like this in a combined form I'm only considering Web-Kit based browsers. I can make gradient with CSS. I can put heading text and can add shadow in css. I want to make this thing without using any image or less image. So question is, Is it possible to make texture in css and If it's not possible

Is it semantically correct in HTML to markup a list with only a single list item?

阅读更多关于 Is it semantically correct in HTML to markup a list with only a single list item?

问题 Is it semantically correct to markup a ul in HTML with another embedded ul that has only one single list item? For example, I have a ul with several li s, and one of those li s has an embedded ul with a single li : <ul> <li>Example LI 1 <ul> <li>Example LI 1a</li> </ul> </li> <li>Example LI 2</li> <li>Example LI 3</li> </ul> 回答1: Absolutely. A list is not defined by quantity. It's defined by semantics. So a list can consist of only one element if only one item applies to the list's purpose.

Captioning an image [closed]

阅读更多关于 Captioning an image [closed]

问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 4 months ago . What's the neatest way to caption images on the web using the latest in HTML/CSS? Demo code please. 回答1: There are several semantic ways to markup an image and its caption. Old school way An old school method is to use HTML definition lists, see Image captions the semantic way.

Should I use a button or a link if the URL doesn't change?

阅读更多关于 Should I use a button or a link if the URL doesn't change?

I'm building an app which works only with JavaScript enabled (otherwise, an appropriate message is displayed). There are a couple of screens in the app: game, tutorial, settings, about/credits. They look like separate pages, but it's all a single-page app. There are no URL changes when navigating between the screens. Should I use a button or an anchor in this case? It feels like an anchor, but there's no page to lead to, meaning that href would have to be # . Also an anchor will break common patterns such as opening in new tab/window (no URL change means the app will restart from scratch in a

HTML5 nav tag correct usage

阅读更多关于 HTML5 nav tag correct usage

问题 <ul class="mainMenu"> <li><a href="#">Home</a></li> <li><a href="#">Forum</a></li> <li><a href="#" class="mainSelected">Construct</a></li> <li><a href="#">Arcade</a></li> <li><a href="#">Manual</a></li> </ul> <ul class="subMenu"> <li><a href="#">Homepage</a></li> <li><a href="#">Construct</a></li> <li><a href="#" class="underSelected">Products</a></li> <li><a href="#">Community Forum</a></li> <li><a href="#">Contact Us</a></li> </ul> Is it more semantically correct to have a <nav> around both