HTML介绍

1.超文本标记语言

     后缀  .html  或者 .htm
     作用：写网页结构内容

2、DOCTYPE的作用

文档类型声明
告诉浏览器按当前标准解析代码
HTML4.01   过渡   框架  严格
XHTML：严格的HTML

3、标签、标记

• 双标记：

 h1h6,p,div,span,a,,b,i,u,del,s,sup,sub,em,strong,ul,ol,li,dl,dt,dd,
 table,tr,td,th,form,button,header,nav,footer,section,aside,article,video,audio...

• 单标记 非封闭类型标记 空标记

 br,hr,img,input,link,meta,source...

4、元素

• 块级元素和行内元素的区别：

1. 块级元素独占一行，行内元素在同一行显示

2. 块级元素默认宽度为100%，行内元素默认宽度由内容撑开

3. 块级元素可以设置宽高，行内元素设置宽高不生效

4. 块级元素可以margin和padding的四周，行内元素只能设置margin和padding的左右

5. 布局时，块级元素可以包含块级元素和行内元素，行内元素一般不要包含块级元素

6. 块级元素默认display:block;行内元素默认display:inline;

• 块级元素

div,hn,p,ul,ol,li,dl,dt,dd,table,tr,td,th,form,header,nav,footer,section,aside,article...

• 行内元素

  a,span,img,video,audio,b,i,u,s,del,sup,sub,em,strong,input,button...

5、HTML5新增语义化布局标签

    <header>头部</header>
    <nav>导航</nav>
    <aside>侧边栏</aside>
    <article>文章</article>
    <section>章节</section>
    <footer>页脚</footer>

6、语义化

正确的标签干正确的事情，看到标签知道表示的意义

• 优点：

1）有利于搜索引擎取收录

2）有利于屏幕阅读者去读取

3）有利于开发与维护