SharePoint Responsive > Best Practices > HTML Use and Suggested Guidelines
Editing the HTML of the Main Content Area of a page, or editing HTML within an HTML Web Part may be useful, however, we suggest abiding by these guidelines when doing so.
Make sure that you feel comfortable with HTML5 and that you've looked over the
Basic HTML Guide and the
The first rule of thumb is to not use any in-line styles that affect font style, color, or size. We have a style sheet that covers everything, and for the sake of consistency, all university sites should adhere to it. The default settings should always be adhered to - use the ribbon and be sure to clear outside formatting.
The only tags you will use are
li, and possibly
em. For links, you'll use
a href="[link here]" or for email addresses in the first reference put mailto: before the address, like so:
a href="mailto:firstname.lastname@example.org", but you can also add those like any link through the ribbon.
a href="[link here]"
The main places that you will be editing HTML in a page are if there are
Panel Objects or a staff grid on a page, or if you need to fix wonky formatting.
Edit the page and click anywhere in the Main Content Area. In the ribbon, select the
Format Text tab and click on the
HTML button (next to Markup Styles)
Edit HTML Source in Rich Text Editor from the dropdown
When you're done, click
a staff bio grid, you'll need to go into the HTML markup of the main content area of the page. You'll be replacing items between tags, so if you are not comfortable with HTML5, please put in a TSC Ticket. Please do not edit the content like you would a normal page and please do not use the ribbon to format anything or insert photos, as it will insert different markup than is used in the grid and can create problems.
Here's an example from the College of Science and Health.