צבעים

שמות ברורים לקלאסים

arabicטקסט ערבי בערבית
arabicEngטקסט ערבי בתעתיק לועזי
arabicHebטקסט ערבי בתעתיק עברי
hebrewטקסט עברי בעברית

תגים סמנטים - מתי להשתמש ועיצוב קבוע

article
a self-contained composition in a [...] site, which is intended to be independently distributable or reusable
aside
מידע נלווה לתוכן הדף
base
specifies the base URL to use for all relative URLs in a document
bdi
Bidirectional Isolate element - מאפשר לשנות כיוון טקסט באמצע - מעולה לשילוב עברית/ערבית עם אנגלית
bdo
Bidirectional Text Override element - לא נשתמש, אבל חשוב להכיר
overrides the current directionality of text, so that the text within is rendered in a different direction
details
creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state
לשקול. בשלב זה אין אנימציה
br
Do not use br to create margins between paragraphs; wrap them in p elements and use the CSS margin property to control their size.
להסיר אלכסון ולהוריד לגמרי היכן שלא משמש כמעבר שורה
dd
Description Details - provides the description, definition, or value for the preceding term
dl
description list
dt
specifies a term in a description or definition list
dfn
used to indicate the term being defined within the context of a definition phrase or sentence
לשקול להשתמש לפירושון
em
stress emphasis - הדגשת טון דיבור
This is not a drill!
footer
represents a footer for its nearest sectioning content or sectioning root element. A footer typically contains information about the author of the section, copyright data or links to related documents
header
represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements
label
לוודא שימוש רק בצמוד לאינפוטים (להשתמש בספאן במקומות אחרים). לוודא שהאינפוט נמצא בתוך התגית ולא לצידה
main
represents the dominant content of the 'body' of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application
mark
represents text which is marked or highlighted for reference or notation purposes, due to the marked passage's relevance or importance in the enclosing context
לשקול שימוש למשפטים בדף מילה - לסימון המילה בה אנו צופים
nav
represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes.
p
paragraph
להחליף היכן שצריך במקום ה-DIVים שיש כרגע
picture
contains zero or more elements and one element to offer alternative versions of an image for different display/device scenarios
לשקול להכניס בכל מקום שאנחנו מציגים תמונות
q
quotation
רלוונטי אולי לתמלול סרטונים
section
represents a standalone section — which doesn't have a more specific semantic element to represent it — contained within an HTML document
small
represents side-comments and small print, like copyright and legal text, independent of its styled presentation.
לשקול להשתמש ב-footer
strong
טקסט חשוב - להחליף בכל מקום שיש כרגע b