HTML知识点

1、表现（内容）、样式、行为分离

• 写HTML的时候先不管样式，重点放在HTML结构和语义话上。

• 写JS的时候精良不用JS去直接操作样式，而是通过给元素天计算删除class来控制。
• HTML内不允许出现属性样式，尽量不要出现行内样式。

2.常见标签

标题

h1~h6   

段落

链接

 href='url' 跳转地址
 href='#' 锚点（不跳转）
 href='#abc 锚点（跳转到ID为abc的标签）

图片

`<`img src='url' alt='' `/>`
alt(SEO优化、盲人语义、图片时效提示)

块、区域

用于给页面划分区域，让结构更清晰

无序列表

有序列表

自定义标签

按钮

``

强调、加粗

用于嵌入一个页面注意跨域操作问题

表格

 合并边框：border-collapse:collapse
 边框距离：border-spacing:0

格式化文本       总结

告知浏览器页面是什么语言

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