html笔记汇总
<html lang="en-us">
HTML标签的lang属性(language)指定当前页面所使用的自然语言,如zh、zh-cn、zh-tw、zh-hk、en、en-uk、ja、de、fr....
作用1:指定当前页面的基础语言,为浏览器的翻译做准备
作用2:为盲人的屏幕阅读器指明基础发音
<meta http-equiv="X-UA-Compatible" content="IE=edge">
X-UA-Compatible:Cross-UserAgent-Compatible,跨(IE)浏览器兼容性
html5shiv.js:第三方的JS文件,自调函数,让老IE支持HTML5语义标签。 |
respond.js:第三方的JS文件,自调函数,让老IE支持响应式网页——CSS3媒体查询技术 |
如果你将 id 与 JavaScript 在表单中配合使用,那么 id 名称和值必须是合法的 JavaScript 变量。空格和连字号,特别是连字号,是不被允许的。
<form action="http://192.168.1.45:8001/person/getdevices" class="dev-detail" method="get">
同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。而复选框而言,name取值最好有所区别。
psd格式的图片网页不能渲染,改后缀也不行,需要转换格式!
FORM 是不允许嵌套的,可以写成多个并列的form,定义同一个类名.form,然后用
$(.form).serialize()
关于标签嵌套
- 块级元素 内部可以嵌套任何元素, p元素除外
- 内联元素 只能放内联元素
- p元素内不能放块级元素
- a元素无所不能,但是不能放input元素 和a元素
关于html标签和属性需要注意:
有时候form内部不能写action="" 因为这样会提交,页面会刷新!
label中不能放a,button标签,否则a,button点击无效
textarea标签内不要留空格,不然内部光标不会定位在最左上角
要跳转就要用form标签包起来
按钮默认会跳转,设置type='button' 后点击才不会跳转
如果按钮不跳转,很可能也是type设置的问题
所有表单元素都要有name属性,相当于绑定了该元素和相关内容
<sub>%</sub>
这是另一个 mailto 链接:
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件!</a>
注意:因为h1标签在网页中比较重要,所以一般h1标签用在网站名上。腾讯网站就是这样做的。如:<h1>腾讯</h1>
meta元标签 用于设置页面的元数据 如: 设置页面不被爬虫抓取和索引
<!-- <meta name="robots" content="nofollow,noindex"> -->