<!doctype>告诉浏览器怎么解析文档－－位置是首行

<head>

<meta charset="utf--8"/>－－－很重要自己上次面试写错了charsetcharsetcharset

</head>

head的部分会再搜索引擎中能看到标题，关键字等

html的标签

语法：

闭合

一个标签可以带一个或多个属性直

可以嵌套

书写规范：

小写

属性值要引号

常用属性

id－－在页面中只能出现一次

class

style

title

注释是用户不能看见的

标签的分类：

根元素：html，head，title，meta，base，link，no script，style，script

文本级别语义

span，a，don，em，i，small，ins，s，time，b，strong，del，sub，sup，q，ruby

a用途是<a></a>

1.创建指向另一个文档的链接

target有四个：_self,_blank,inner和fame 中name一样

2创建一个文档内部的喵点

3链接到email地址

<a href='maito:yixin">邮箱地址是多个

组合内容

div,没有任何语义是其他的元素的容器

pre,dl,dt,dd,figure,figuration,ol,li,ul,p文字，新闻相关的

列表

有序列表可以嵌套

排行榜之类用

无序列表

自定义列表

<dl>

<dt>作者</dt>默认有一定缩进

</dl>

pre格式化

block quote长引用

文档章节

body，h1,aside,nav,section,footer,header,group,address

交互元素

menu，command，summary，detail

表格数据

col，colgroup，caption，table，tr，td，th，body，ahead，foot！

<table

<thead>头部

</thead>

<tbody>

<tr><th></th><td>普通的表格</td></tr>

</tbody>

<tfoot>

rowspan－－跨行

</tfoot>

表单：服务端交互

form，input，field set，select，option，fatalist，legend，output，texture，button，progress，label，keygen

<fieldset>内容分区

<legend></legend>内容的标题

<label for='file'></label>是提示信息

《input type＝‘file’／ name是提交给后端 placeholder》

opt group分组属性是label

</fieldset>

input type

-email

-url

-number

-tel

-search

-range

-color

-date

-mouse

-day

嵌入式内容

img，area,map,embed,object,param,source,iframe,canvas,track,audio,video

《img src='' alt='' tile=''/>

<ifame src=''></ifame>切入页面广告之类

</video>

图

canvas 利用脚本绘制图形

svg－

热点资源：

map

</map>

强调

em语义上强调，strong是粗体

换行br

文本

引用cite，q文字

<div>鲁迅在<cite>故乡</cite>中写道<q>地上本来没有路，走的人多了便有了路</q>

</div>

code代码

《code》《／code》

格式化

b粗体，i技术俗语

什么是语义化？

用正确的标签描述页面

作用：seo

可访问性

可读性

实体字符－－转义字符

&nbsp空格

‘&quot；

<&lt

@&copy

&-&amp

html专题总结