-
前端学习记录(2)
*5
<ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> </ul>
2-7.ID和类属性#
(1)缩写↓
header
<div id="header"></div>
(2)缩写↓
.title
<div class="title"></div>
(3)缩写↓
form#search.wide
<form id="search" class="wide"></form>
(4)缩写↓
p.class1.class2.class3
<p class="class1 class2 class3"></p>
2-8.自定义属性#
(1)缩写↓
p[title="Hello world"]
<p title="Hello world"></p>
(2)缩写↓
td[rowspan=2 colspan=3 title]
<td rowspan="2" colspan="3" title=""></td>
(3)缩写↓
[a='value1' b="value2"]
<div a="value1" b="value2"></div>
2-9.文本：{}#
(1)缩写↓
a{Click me}
<a href="">Click me</a>
(2)缩写↓
{Click }+a{here}+{ to continue}
<p>Click <a href="">here</a> to continue</p>
2-10.隐式标签#
(1)缩写↓
.class
<div class="class"></div>
(2)缩写↓
.class
<em><span class="class"></span></em>
(3)缩写↓
.class
<ul> <li class="class"></li> </ul>
(4)缩写↓
table>.row>.col
<table> <tr class="row"> <td class="col"></td> </tr> </table>
HTML标签语法#
3-1. 所有未知的缩写都会转换成标签#
缩写↓
hangge
<hangge></hangge>
3-2.基本html标签#
!
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html>
a
<a href=""></a>
a:link
<a href="http://"></a>
a:mail
<a href="mailto:"></a>
link:css
<link rel="stylesheet" href="style.css" />
link:print
<link rel="stylesheet" href="print.css" media="print" />
link:favicon
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
link:touch
<link rel="apple-touch-icon" href="favicon.png" />
meta:utf
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
meta:win
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
meta:vp
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
meta:compat
<meta http-equiv="X-UA-Compatible" content="IE=7" />
script:src
<script src=""></script>
iframe
<iframe src="" frameborder="0"></iframe>
form
<form action=""></form>
form:get
<form action="" method="get"></form>
inp
<input type="text" name="" id="" />
input:hidden
<input type="hidden" name="" />
栏目列表
最新更新
python爬虫及其可视化
使用python爬取豆瓣电影短评评论内容
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀（爬取学校通知公告）
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求：requests模块基础使用必知必会
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析：SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL，这些神奇的特性你知道吗？
openGauss内核分析：执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
uniapp/H5 获取手机桌面壁纸 (静态壁纸）
[前端] DNS解析与优化
为什么在js中需要添加addEventListener（）？
JS模块化系统
js通过Object.defineProperty() 定义和控制对象
这是目前我见过最好的跨域解决方案！
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比