id定义元素唯一
id=""只能一个，多个无效
code
标签用于表示计算机源代码或者其他机器可以阅读的文本内容。
区块
块级元素
实例：<h1><p><ul><table>
内联元素
实例<b><td><a><img>
table
元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
如何使用 style 属性制作一个没有下划线的链接
<a href="http://www.runoob.com/" style="text-decoration:none;">访问 runoob.com!</a>
正常表示有下划线
<a href="http://www.runoob.com">访问 runoob.com!</a>
边框
<div style="font-family:verdana;padding:20px;border-radius:10px;border:10px solid #EE872A;">
link rel
使用了外部样式文件来格式化文本
<link rel="stylesheet" type="text/css" href=“./文件.css”>
通过样式文件 styles.css 渲染后显示的。
这句话的意思就是在html文件里边引入了一个css的外部样式链接，type说的是类型是css，href说的是链接的地址，这个css文件叫做style，在css这个文件夹里边
<link rel="值”>
alternate
链接到该文档的替代版本（比如打印页、翻译或镜像）。
help
链接到帮助文档。
使用了外部样式文件来格式化文本
通过样式文件 styles.css 渲染后显示的。
<link rel="stylesheet" type="text/css" href="../../styles.css">
子主题
next
表示该文档是集合中的一部分，且集合中的下一个文档是被引用的文档
prev
表示该文档是集合中的一部分，且集合中的上一个文档是被引用的文档
子主题
属性
draggable
dropzone 规定当被拖动的项目/数据被拖放到元素中时会发生什么。
accesskey 规定访问元素的键盘快捷键<br>class 规定元素的类名（用于规定样式表中的类）。<br>contenteditable 规定是否允许用户编辑内容。<br>contextmenu 规定元素的上下文菜单。<br>dir 规定元素中内容的文本方向。<br>draggable 规定是否允许用户拖动元素。<br>dropzone 规定当被拖动的项目/数据被拖放到元素中时会发生什么。<br>hidden 规定该元素是无关的。被隐藏的元素不会显示。<br>id 规定元素的唯一 ID。<br>lang 规定元素中内容的语言代码。<br>spellcheck 规定是否必须对元素进行拼写或语法检查。<br>style 规定元素的行内样式。<br>tabindex 规定元素的 tab 键控制次序。<br>title 规定有关元素的额外信息。
性能优化
子主题1、使用css sprites，可以有效的减少http请求数 2、使用缓存 3、压缩js，css文件，减小文件体积 4、使用cdn，减小服务器负担 5、懒加载图片 6、预加载css，js文件 7、避免dom结构的深层次嵌套 8、给DOM元素添加样式时，把样式放到类中，直接给元素添加类，减少重构，回流<br><br>
同一域名同时加载资源有个数限制
解析
DOCTYPE：声明文档类型，未声明会使浏览器使用兼容模式去解析
兼容模式：使用老式浏览器进行渲染，会出现宽度等计算问题
标准模式：让html和js使用最高标准去执行
内核
主流内核
谷歌依靠工具闪光，火狐壁虎都是动物，三叉戟插住大部分浏览器，欧鹏迅速退出
trident三叉戟(又称MSHTML)
IE及国内各浏览器
gecko壁虎
Firefox火狐，Netscape
webkit网页工具
blink闪光
chrome谷歌，safari旅行，opera12.17之后
元素类型
块级元素：每个元素占一行
div、form、h1/2/3/4/5、ul、li、
a
链接
href
网址
<a href=“http：//www”文字>
<a href="url">链接文本</a>
href=“”几种用法
Js的几种调用方法
href="#"
href=“URL"
"#c4"=查看章节
在当前页面链接到指定位置
<a id=
target="_top"
跳出框架
<a href="http://www.runoob.com/" target="_top">点击这里!</a>
电子邮件链接
<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">
图像
alt
图片名称
如果无法显示图像，浏览器将显示替代文本，就像这样，显示图片名称
src
<img src="url" alt="some_text">
URL 指存储图像的位置<br>
area
定义图像地图中的可点击区域
coords坐标
shape指点区域的形态
<area shape="default|rect|circle|poly">
 style="float”=属性
