10 design tips for a semantic website
- Standardize objects – Make things that are similar use the same class tag.
- Use comments – Make sure you and anyone else looking at the code understands what is going on.
- Semantics can be described as – describing with out specifically saying what it is.
- You have to be sure there is only one of something on a page to use ID tag instead of Class tag.
- If you have two tags on an object, the second one will override the first.
- Part of being semantic is keeping your code clean.
- Screen readers read from top to bottom according to the code.
- You should use labels on your text fields even if you will kick it off the page later.
- You can use a tag multiple times and style it differently by specifying the area of the code IE:
h4 { color: red; } .p3 h4 { color: green; }
Making the only difference being it is green instead of red, in the p3 class.
- <small> is meant for extremely small text such as copyright info.
