A: audio, video, audio y vídeo
<src = audio '' '' > // MP3, M4A, AVI ...
Nota: Los controles de audio y vídeo por defecto están ocultos
controles: controles de visualización
de bucle: a través de un reproductor de mala
reproducción automática: // reproducción automática ahora muchos experiencia de usuario del navegador para prohibir la reproducción automática, reproducción de vídeo se silenciará automáticamente además, además silenciamiento de audio no se reproduce automáticamente
silenciado: silencio
Si desea hacer música con abotonado mismo efecto: la etiqueta de audio + ocultar el control (por defecto los controles de estilo CSS con HTML además analógica) + javascript para implementar funciones interactivas
Nota: Por defecto, el vídeo no se puede estirar demasiado, solamente proporcional al
objeto de ajuste: la cubierta; cubriendo la operación, por lo que el vídeo puede cubrir todo el contenedor padre
fuente:
Con el fin de apoyar a los varios archivos de emisión de adaptación, puede utilizar la fuente de la etiqueta
II: Nuevos controles de formulario
type = INPUT "" Email ""
input type = "URL"
input type = "Número"
input type = '' Rango '' minLength = "" MAXLENGTH = "" value = "" PASO = ""
// longitud mínima, máxima la longitud, el valor actual de cada movimiento paso distancia
input type = '' FECHA ''
input type = "mes el"
input type = "Week"
input type = '' búsqueda '' cuando detrás después de haber escrito el contenido de un botón x
input type = color "color" del control
input type = cuadro "tel" de entrada del número de teléfono (la diferencia con el cuadro normal, la voluntad terminal móvil desde tono teclado blando, con números)
la entrada de la type = control de tiempo "tiempo"
Formulario de cómo valores pasados al extremo posterior de la
tarjeta Nombre
de valor de dinero
back-end basado en el nombre para obtener el valor
de la nueva propiedad del formulario: autocomplete = "off" para cerrar la alerta de mensaje formulario predeterminado (historia Consejo introduce un nombre de usuario)
El enfoque automático: Automático Obtener cursor
requerido: el valor no puede ser nulo
patrón: la autenticación regular (contenido js)
Transmisión de datos: Transmisión: método
GET:
POST:
Tipo de transmisión:
la enctype: tipo de transferencia de datos
application / x-www-form- urlencoded: El texto predeterminado se transmite
de transferencia de archivos multipart / form-data
III: Columnas disposición
de columna de recuento: 3; el número de columnas de
la columna-width: 110px; anchura de las columnas de
la cantidad y la anchura no escriben con
la columna-gap: 50px; columnas espaciamiento de
columna en reglas: 1px sólido rosa ; columnas dejar de lado
la columna útil: fusión de barras num | todo
IV: elementos postizos pseudo-clase
#elem: {} Después de
#elem: hover {}
Con el tiempo CSS2.1: elem: {} después √
en CSS3 cuando #elem: Después de #elem × {} {} :: Después √
#elem: hover {} {} √ × #elem :: vuelo estacionario
pseudo-clase: solo dos puntos: elemento emergente: enlace ... pseudoclase sólo actuará sobre los elementos operativos
pseudo-elementos: el doble de colon - :: :: después antes de actuar para crear un contenedor virtual a cabo, el equivalente de estilo añade al contenedor virtual
Cinco: las etiquetas de vínculos de aprendizaje extendido
<link rel="dns-prefetch" href="//static.360buyimg.com">
提前去进行域名的dns解析
<link rel="icon" type="/image/x-icon" href="http://www.mobiletrain.org/favicon.ico">
给头标签页添加小图标
Seis: etiquetas meta, extendido-meta-información (información adicional)
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="大连美团网精选大连美食餐厅,酒店预订,电影票,旅游景点,外卖订餐,大连团购信息,您可查询商家评价店铺信息。大连生活,下载美团官方APP ,吃喝玩乐1折起。">
<meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺">
注：网页的描述信息，有助于搜索引擎搜索。
<meta name="renderer" content="webkit">
已哪个引擎去渲染页面。有的浏览器可能有多个引擎，chrome : webkit blink ..
<meta http-equiv="X-UA-Compatible" content="ie=edge">
ie浏览器已什么方式渲染edge最新版进行渲染，ie9 ie10 -> edge
<meta http-equiv="refresh" content="3" url="">
每个多长时间可以对浏览器进行刷新
<meta http-equiv="expires" content="Wed, 20 Jun 2019 22:33:00 GMT">
在指定的时间内，请求资源会走缓存。
Siete:? CSS Hack
Hemos utilizado es el navegador Chrome, pero hay muchos otros navegadores, por supuesto, estos navegadores pueden ser llamados navegador avanzado.
CSS Hack 解决那些古老的浏览器兼容性问题。
Hack分类
下载：ieTester工具 , 测试在服务器环境下。
1. CSS属性前缀法
_ + * \9 \0 ...
2. 选择器前缀法
*html
3. IE条件注释法
<!--[if IE]>…<![endif]-->
IE6 BUG 非常多：
1. IE6高度的最小值是19px ,解决 overflow:hidden;
2. IE6双边距问题margin和float，解决 display:inline;
