HTML与javascript学习总结

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值