html语法代码示例
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Login</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
代码第一行为触发浏览器使用说明模式来解析此html文档，这个示例是目前流行的html5写法，
之所以存在这种写法，是因为当前浏览器所支持的标准并未完全统一，为了让html文档能在更多浏览器上按照正确的方式解析，我们需要在文档开头声明一个文档类型标准，
早期的微软ie产品使用的是自己的一套标准，并非公认标准，后来慢慢遵循公认标准，但是又不与之情的产品完全兼容，故提供一种解决方案
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
该代码是为了兼容微软早期ie产品，让ie使用最新的模式解析文档
该文档类型有多种模式
Quirks Mode怪异模式
Standards Mode标准模式
Almost Standards Mode几乎接近标准的模式
1页面编码
1 <meta http-equiv="content-type" content="text/html" charset="UTF-8">
2刷新和跳转
1 <meta http-equiv="Refresh" content="3" /> 2 <meta http-equiv="Refresh" content="5;url=https://github.com/zengchunyun"/>
3关键字
通过设置关键字，爬虫会优先将关键字录入，当别人通过关键字搜索时，可以通过关键字找到设置了关键字的网站
1 <meta name="keywords" content="曾春云,博客" />
4描述
1 <meta name="description" content="Python 是世界上最好学的语言" />
5书签标题
1 <title>https://github.com/zengchunyun</title>
6 link
书签图标
1 <link rel="shortcut icon" href="icon.ico" />
导入css
1 <link type="text/css" href="common.css" rel="stylesheet">
在head部还可以直接编写全局css样式模版
1 <style type="text/css"> 2 .cc{ 3 color: #00A000; 4 font-size: 24px; 5 } 6 .cc2{ 7 color: purple; 8 font-size: 48px; 9 } 10 </style>
引用js代码
1 <script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"></script>
直接编写js代码
1 <script type="text/javascript"> 2 bla..bla.. 3 </script>
常用标签
标签一般分为两种：块级标签和行内标签
- a,span, select等
- div, h1, p等
p和br
p表示段落，默认段落之间是有间隔的
br是换行
a标签
1 <a href="https://github.com/zengchunyun" target="_blank">我的GitHuP</a> 2 <!-- target设置超链接属性，blank表示在新标签打开页面 -->
锚
H标签
1 <h1>H1</h1> 2 <h2>H2</h2> 3 <h3>H3</h3> 4 <h4>H4</h4> 5 <h5>H5</h5> 6 <h6>H6</h6>
H1
H2
H3
H4
H5
H6
select标签