Recomendados
Más contenido relacionado
Similar a Html规范常见问题举例
Similar a Html规范常见问题举例 (20)
Html规范常见问题举例
- 3. DIV+CSS的设计特点
- 5. HTML规范化的好处 浏览器兼容性 搜索引擎友好 获得大多数现代浏览器支持 搜索引擎能够正确读取和理解
- 7. 1.标签和属性未小写 <DIV class=“div-1”>我是一个层</DIV> <meta name="robots" Content="all"> <div class=“div-2”>标签名应该小写</div>
- 8. 2. 同名ID重复使用 <div id=“div-1”>我是一个层</div> … <div id=“div-1”>我是另一个层</div> <div class=“div-1”>我是一个层</div> … <div class=“div -1”>我是另一个层</div>
- 9. 成对标签： <div>…</div> <p>…</p> <a>…</a> <h1>…</h1> 非成对标签 <br/> <img /> <input /> 3.成对标签嵌套错位
- 10. 3.成对标签嵌套错位 <div id=“div-1”><p>我是一个层</div> </p> <div id=“div-1”><p>我是一个层</p></div>
- 11. 4.非成对标签无结束符号 <p>我是一个段落<br></p> <imgsrc=“/images/pic.gif” width=“10” height=“10” alt=“我是一个图片”> <p>我是一个段落<br /></p> <imgsrc=“/images/pic.gif” width=“10” height=“10” alt=“我是一个图片” />
- 12. 行内元素： span、strong、a 块级元素 div、p、div、p、ul、h1-h6等 区别： 行内元素是“软”性元素（气球？） 块级元素是“硬”性元素（盒子？） 5.行内元素包含块级元素
- 13. 5.行内元素包含块级元素 <span><p>我是一个段落</p></span> <a href=“”><p>我是一个链接</p></a> <p><span>我是一个层</span></p> <p><a href=“”>我是一个链接</a></p>
- 14. 组合元素： 无序列表<ul> <li></li> </ul> 有序列表<ol> <li></li> </ol> 定义列表<dl> <dt></dt> <dd></dd> </dl> 6.组合标签错误使用
- 15. 6.组合标签错误使用 <ul> <p>我是一个段落</p> <li>我是列表</li> <li>我是列表</li> </ul> <ul> <li><p>我是列表中的段落</p></li> <li>我是列表</li> </ul>
- 16. 7.图片<img>标签未加alt属性 <imgsrc=”/images/pic.gif” width=”10” height=”10” /> <imgsrc=”/images/pic.gif” width=”10” height=”10” alt=”alternative text” />
- 17. 标签和属性应使用小写 不重复使用ID 成对标签层叠嵌套 非成对标签应有结束标志 行内元素不包含块级元素 组合标签组合使用 图片<img>标签必须有alt属性 小结
- 18. Thank You！