语义指意义相关的事物，HTML 可从页面内容中看出语义：元素和属性的命名一定程度上表达了内容的角色和功能。HTML5 引入了新的语义元素，如<header>，<footer>及<nav>。

选择合适的元素来编写代码可保证代码的易读性：

使用<h1>(<h2>,<h3>…)表示标题，<ul>或<ol>实现列表

注意使用<article> 标签之前应添加<h1>标签；

选择合适的HTML5语义元素如<header>，<footer>,<nav>,<aside>;

使用<p>描述Body 文本，HTML5 语义元素可以形成内容，反之不成立。

使用<em>和<strong>标签替代<i>和<b>标签。

使用<label>元素，输入类型，占位符及其他属性来强制验证。

将文本和元素混合，并作为另一元素的子元素，会导致布局错误，