<!DOCTYPE HTML> //代表H5格式
<html lang = "zh" dir = "ltr"> //lang代表语言 dir代表摆放方向
<head>
<title>Document<title> //网页名
<link rel = "stylesheet" href = "./....css"> //引入的样式表
<link rel = "Icon" href = "./....png/icon"> //引入的网页图标
<meta charset="utf-8"> //设置网页的编码格式
<meta name="viewport" content="width=device-width, initial-scale=1"> // 这个属性只对移动设有用,配合使用media
<meta name="robots" content="noindex, nofollow"> // 搜索协议, index,可以爬取这个网页,follow,可以爬取跟踪这个网站上的其他链接,noindex nofollow 不允许。
</head>
<script defer src = ".../.js"></script> //使用defer异步加载js文件,且在$(document).DOMContentLoaded事件之后运行。
<script defer src = ".../.js"></script> //使用defer加载的js文件都按写入顺序加载。
<body>
<h1 - h6 ></>标题
<p></> 段落,块元素display:block
<q></> quote 行引用,result : "this is quote"
<blockquote></> 块引用
<br/> 换行标识符,跟'\n'一样的效果,用于行内元素换行
<pre></> 不清除里面的多余空格和换行
<ol>/<ul>/<dl> order list, unorder list, defined list
<li>/<dt>&<dd> li : list用于ol,ul,dt defined title , dd defined data
<img src/> 图片
<figure>~><figcaption> ~><img> figcaption :标题
<div></div> 块容器
<span></span> 行容器
<strong></> 粗体强调
<a href name target download="filename" > a里面也可以是其他元素,比如img。name="[#]xxx"访问,download设置下载文件名&href必须是文件
<table cellspacing cellpadding> 表格, cellsapcing在css中设置最好。
<th>/<td> table heading 表格头部,table data 表格数据
<form action method></> 表单
<fieldset> <legend> input集合, 标题。
<input type = " " name = " "> 下面是常用type:
text : 文本输入 placeholder, input事件
password :密码输入
radio/checkbox : 单选框 和 复选框,以name区分,设置了value返回value,checked = "checked",不然返回HtmlContent,change事件
file : 文件选择, accept ,event.target.files 返回File或Blob对象。change事件。
submit : 触发form commit
reset : 重置表单数据,根据form属性
image : 图形submit
button : 普通按钮,click事件
通用属性:
readonly 只读属性
disabled 禁用属性,不会添加到查询字符串中
tabindex 只能从1开始,tabindex添加focus和blur事件
autofocus 自动获取焦点
form : 需要在form中填写id,指定form的id,实现input不用存放在form之中就可以使用form提交数据
<select name> <optgroups> <option value selected> 下拉控件
<textarea name> resize : none, 去掉下面的三角形
<iframe src = "" name = ""> 内嵌框架,name在form的target中可以使用。
</body>