前端内容梳理(1)HTML和HTML5

1、HTML

(1)什么是 HTML?

HTML 是用来描述网页的一种语言。

(2)HTML 标签是什么?

HTML 标签是由尖括号包围的关键词,比如 <html>

(3)HTML 元素是什么?

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

大多数 HTML 元素可拥有属性

(4)HTML 文档 是什么?

HTML 文档包含 HTML 标签和纯文本;用来描述网页;也被称为网页

HTML 文档是由 HTML 元素定义的。

(5)HTML 元素的属性有哪些?

不同的HTML 标签可以拥有不同的属性。属性提供了有关 HTML 元素的更多的信息。

举例:<h1 align="center"> 推荐小写的属性/属性值;属性值应该始终被包括在引号内(单引号或双引号)

HTML 元素属性大全:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

(6)HTML 标签有哪些类?

HTML 标签大全:http://www.w3school.com.cn/tags/html_ref_byfunc.asp

分成三类:块级元素    行级元素(内嵌元素)   行内块元素(内联块状元素)

特点及相互转化:http://www.cnblogs.com/yoosoul/p/6896447.html

常见的三类元素及嵌套原则:https://blog.csdn.net/qq_33559304/article/details/53147483

(7)HTML 样式是什么?

HTML样式会让网页呈现出设置的样子,比如给网页加一个背景色,给文字添加背景色等。

HTML 的 style 属性用于改变 HTML 元素的样式。可以知道HTML样式是写在style属性中的。但是这种直接将样式写在style属

性中的方式不常用。被间接地在独立的样式表中(CSS 文件)进行定义取代了。HTML样式具体可以设置哪一些样式?参考

css讲解

style 属性用法:

<body style="background-color:yellow">

<h2 style="background-color:red">This is a heading</h2>

<p style="background-color:green">This is a paragraph.</p>

</body>

(8)HTML 脚本是什么?

JavaScript 使 HTML 页面具有更强的动态和交互性。

HTML的script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

(9)总结

学习HTML主要是学习HTML 标签。

HTML 样式学习指CSS学习。

HTML 脚本学习指JavaScript学习。

2、HTML5

(1)什么是 HTML5?

HTML5 是最新的 HTML 标准。

(2)新在哪?

1. 新的文档类型(DOCTYPE)声明:<!DOCTYPE html>

2.新的属性语法:

3.新特性

4.去除掉的元素

(3)HTML到HTML5的变化

1、修改文档类型:<!DOCTYPE html>

2、修改编码信息:<meta charset="utf-8">

3、所有现代浏览器都支持 HTML5 语义元素。但ie不行,可以为 Internet Explorer 支持而添加的 shiv:

     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

4、可能会使用到的新的语义元素:

(4)需要注意的HTML5代码约定

1.建议使用小写元素名 <p>This is a paragraph.</p>

2.建议关闭所有 HTML 元素 <p>This is a paragraph.</p>

3.建议关闭空的 HTML 元素 <meta charset="utf-8" />

4.建议使用小写属性名 <div class="menu">

5.建议属性值加引号 <div class="menu">

6.不推荐省略 <html> 和 <body> 标签

7.请使用简单的语法来链接样式表(type 属性不是必需的)<link rel="stylesheet" href="styles.css">

8.请使用简单的语法来加载外部脚本(type 属性不是必需的)<script src="myscript.js">

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值