HTML总结
HTML超文本标记语言(HyperText Markup Language)
HTML不是一种编程语言,而是一种用特定符号描述网页内容的标记语言。
HTML标签是由尖括号包围的关键词,通常成对出现,如<html></html>,标签对的第一个标签称为开始标签,第二个是结束标签。
HTML元素是:开始标签+内容+结束标签
创建一个.html文件最基本的结构如下:
<html>
<head>
<title>文档标题</title>
</head>
<body>
文档内容
</body>
</html>
但是通常要加上<!DOCTYPE>声明,如果不加的话,在不同的浏览器上,页面的显示可能是不同的效果,<!DOCTYPE>声明必须在HTML文档的第一行;
<!DOCTYPE>声明不是一个HTML标签;它是用来告知Web浏览器页面使用了哪种HTML版本,在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。
HTML5 不是基于 SGML,因此不要求引用 DTD。
HTML全局属性(HTML5)
1.accesskey :设置访问元素的键盘快捷键,不同浏览器,在不同操作系统中不同的浏览器中访问快捷键的方式不同。
2.class:规定元素的类名,class 属性通常用于指向样式表的类。但是,它也可以用于 JavaScript 中(通过 HTML DOM), 来修改 HTML 元素的类名。
在 HTML5 中, class 属性可用于任何的 HTML 元素 (它会 验证任何HTML元素。但不一定是有用)。
在 HTML 4.01 中, class 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。
3.(HTML5新增)contenteditable:规定是否可编辑元素的内容。语法:<element contenteditable="true|false">
4.(HTML5新增)contextmenu:指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单,目前只有火狐支持。
语法:<element contextmenu="menu_id">
5.(HTML5新增)data-*:data-* 属性用于存储私有页面后应用的自定义数据,data-* 属性可以在所有的 HTML 元素中嵌入数据,自定义的数据可以让页面拥有更好的交互体验(不需要使用 Ajax 或去服务端查询数据)。
data-* 属性由以下两部分组成:
(1) 属性名不要包含大写字母,在 data- 后必须至少有一个字符。
(2) 该属性可以是任何字符串
语法:<element data-*="somevalue">
6.dir:dir 属性规定元素内容的文本方向。
语法:<element dir="ltr|rtl|auto"&g