1、表现(内容)、样式、行为分离
- 写HTML的时候先不管样式,重点放在HTML结构和语义话上。
- 写JS的时候精良不用JS去直接操作样式,而是通过给元素天计算删除class来控制。
- HTML内不允许出现属性样式,尽量不要出现行内样式。
2.常见标签
标题
h1~h6
段落
<p></p>
链接
<a href='' target='' title=''></a>
href='url' 跳转地址
href='#' 锚点(不跳转)
href='#abc 锚点(跳转到ID为abc的标签)
图片
`<`img src='url' alt='' `/>`
alt(SEO优化、盲人语义、图片时效提示)
块、区域
<div></div>
用于给页面划分区域,让结构更清晰
无序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
自定义标签
<dl>
<dt>
<dd>
<dd>
</dl>
按钮
`<buttom></buttom>`
强调、加粗
<strong></strong>
<em></em>
用于嵌入一个页面注意跨域操作问题
<iframe src='url' name=''></iframe>
表格
<table>
<caption></caption>
<tr>
<th><th>
<th><th>
</tr>
<tr>
<th><th>
<th><th>
</tr>
<tr>
<td><td>
<td><td>
</tr>
</table>
合并边框:border-collapse:collapse
边框距离:border-spacing:0
格式化文本 总结
<pre></pre>
告知浏览器页面是什么语言
<html lang='zh'></html>
meta
<meta>
charset="utf-8" 编码格式
http-equiv="" 用于不通双核浏览器内核渲染
name="viewport" 用于移动端展示(优化)
name="keywords" 用于SEO优化搜索
name="description" 用于SEO优化搜索
块级元素和行内元素
块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行内元素:span, strong, em, br, img , input, label, select, textarea, cite
行内块元素:applet,button,del,iframe,ins,map,object ,script
网友评论