html专题总结

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

－－－很重要自己上次面试写错了charsetcharsetcharset

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用途是

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

百度

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

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

3链接到email地址

组合内容

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

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

列表

有序列表可以嵌套

排行榜之类用

无序列表

自定义列表

作者

默认有一定缩进

描述dt

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！

标题

头部

每一行表头用

普通的表格

跨列

rowspan－－跨行

表单：服务端交互

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

内容分区

内容的标题

是提示信息

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

opt group分组 属性是label

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=''/>

切入页面广告之类

图

canvas 利用脚本绘制图形

svg－

热点资源：

map

强调

em语义上强调，strong是粗体

换行br

文本

引用cite，q文字

鲁迅在故乡中写道地上本来没有路，走的人多了便有了路

code代码

《code》《／code》

格式化

b粗体，i技术俗语

标记

什么是语义化？

用正确的标签描述页面

作用：seo

可访问性

可读性

实体字符－－转义字符

 空格

‘"；

>>

<<

@©

&-&