标签 | 作用 | 常见属性 | 常用场景 |
标准属性 |
| Id、class、title、style |
|
事件属性 |
| onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
|
块元素(以新行来开始(和结束)) <div> <body><p>.. <h><ul><table> | 通用属性 | Width align布局方式 (left/center/right/justify) bgcolor背景颜色 Style background背景图片 |
|
<div> | 定义文档中的分区或节 |
|
|
<span> | 用来组合文档中的行内元素。 |
|
|
<table> | 表格,内部为<tr><th><td> | boder 边框( 空格) | 表格 |
<ul><li> | 无序列表 |
|
列表 |
<ol><li> | 有序列表 |
| |
<dl><dt><dd> | 定义列表 |
| |
<meta>
{ <title> <link> href <script> type <base> <style> }<head>元素内 | 可提供有关页面的元信息,被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。位于<head>元素内部 | Content:some_text(定义与name、http-equiv相关的元信息 |
|
<a> | 超链接 | href 引用(电子邮箱 mailto:xxx@yyy) name 名称 也可以用id target 图像在何处显示 |
|
|
|
|
|
<img > | 图像 | src 图像地址 alt 替代文本 |
|
<hr /> | 水平线 |
|
|
<br /> | 换行 |
|
|
<textarea> | 多行长文本 |
|
|
<strong> | 更加强调 |
|
|
<em> | 强调 |
|
字体 |
<i> | 斜体 |
| |
<b> | 粗体 |
| |
<blockquote> | 块引用 |
|
引用 |
<q> | 短引用 |
| |
<cite> | 定义引用,对参考文献的引用进行定义,比如书籍或杂志的标题 |
| |
<addresss> |
|
|
|
<code> | 定义计算机代码 | Pre 保持格式 |
|
<var> | 保留数学变量 |
|
|
| |||
<form> | 定义表单(input 元素、复选框、单选按钮、提交按钮等) | action 提交表单时(地址、服务器) method 提交表单所采用的http方法 (GET(默认、在网址显示内容)、 POST()) target 怎么打开链接文档 (_self(默认,在相同框架)、_black(新窗口)、_parent(父框架)、_top(整个窗口)、framename(指定框架)) accept-charset 提交表单使用的字符集 enctype 提交数据的编码 autocomplete 自动完成表单,默认开启on novalidate 不验证表单 id------<input>form 所属一或多个表单 | 表单 |
<fieldset> | 组合表单元素 |
| |
<legend> | 定义标题 |
| |
<input> | 输入 | type=text 单行文本(20字符) radio 单选按钮 checkbox 复选框 Submit 提交按钮 button 按钮 password 密码 (color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week、image(height、width)) value 默认文本 name 提交的字段,实际是form属性 限制属性:disabled(输入字段被禁用)、max、maxlength、min、pattern(输入值正则表达式)、readonly(只读)、required(必填)、size、step、html5:autofocus(自动获取焦点) 、placeholder(输入值提示)、step(间隔值) | |
<datalist> | html5 预定义选项列表 | id----<input>list | |
<option> |
| value | |
<select> | 下拉列表 | name | |
<option> | 待选择选项 | value selected 预定义选项 | |
<textarea> | 多行输入文本 | name 、rows 、cols | |
<button> | 可点击按钮 | type onclick |
在看w3school的时候说html5中被弃用,具体怎么不知道,所以还是先存着吧
<frameset> | 框架 | Cols 、 rows | 在html5中被删除 | |
<frame> |
| Src 导航链接 name--target | ||
<iframe> | 内部网页 | Src、height、width、 name(作为target目标进行链接) frameborder(0就是移除边框) |
html5中的建议替换(箭头后为被建议替换的):
Style 属性 background-color <- bgcolor、font-family <- font、color 以及 font-size、text-align <- align
html5
<header> | 文档或节的页眉 |
|
<nav> | 导航链接的容器 | |
<section> | 文档中的节 | |
<article> | 独立的自包含文章 | |
<aside> | 内容之外的内容(比如侧栏) | |
<footer> | 文档或节的页脚 | |
<detail> | 额外的细节 | |
<summary> | details元素的标题 | |
<figure> <img> <caption> | 图片标题组合 |
div、section、article的区别:https://blog.csdn.net/qq_22855325/article/details/72877285