HTML5 基础知识

最新推荐文章于 2021-07-26 20:43:12 发布

苦涩2020

最新推荐文章于 2021-07-26 20:43:12 发布

阅读量218

点赞数 1

分类专栏： HTML5 前端文章标签： HTML5 HTML基础知识

本文链接：https://blog.csdn.net/UserPython/article/details/102644680

版权

前端同时被 2 个专栏收录

80 篇文章 1 订阅

订阅专栏

HTML5

10 篇文章 0 订阅

订阅专栏

HTML5 基础知识

什么是 HTML？

HTML 是一种超文本标记语言，“超文本”就是指页面内可以包含图片、链接、深职音乐、视频、程序等非文字元素
HTML 不是一种编程语言
HTML5 是 HTML 的最新版本

HTML5 的新特性

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好支持
新的特殊内容元素，如：article、footer、header、nav、section
新的表单控件，如：calendar、date、time、email、url、search

文档基本结构

< !DOCTYPE html> 申明文档类型，告诉浏览器用HTML5规范进行解析
< html> < /html> 双标签，所有的文档内容均包含在这个标签里面
< head> < /head> 不可见内容，包含文档标签、字符编码等
< body> < /body> 可见内容、图片、文本表单等所有可见内容

<!DOCTYPE html>                  <!--申明文档类型-->
<html lang="zh-cn">              <!--表明文档的开始-->
    <head>                       <!--head 标签存放文档的基本信息，不可见元素-->
        <meta charset="UTF-8"/>  <!--声明字符串编码-->
        <title></title>          <!--声明文档标题-->
    </head>
    <body>                       <!--body标签存放文档可见内容-->
    </body>
</html>                          <!--表明文档结束-->

元素

HTML 元素指的是从开始标签到结束标签中的所有代码(内容)
单标签中的所有代码（内容）

元素内容

从开始标签到结束标签中的内容（不包括标签）
单标签没有元素内容

元素属性

属性是帮助标签完善功能
写在开始标签中，和标签名之间有空格
属性名=“属性值”，引号要使用英文状态的符号
标准属性：通用于几乎素有标签的属性
特殊属性：不通用于所有标签的属性

标准属性

id属性

是元素唯一标识
同一个页面中不能有相同的id
同一页面中，不同元素也不能有相同的id

class属性

相同的元素，不同的元素可以有相同的类名
同一个元素可以有多个类名，用空格隔开
主要用来选择一堆元素，定义样式
规定类名时，类名不能以数字开头

title属性

规定元素的额外信息
鼠标移到元素上时，显示提示文字

style属性

规定元素的行内样式
style属性设置的样式会覆盖其他方式设置的样式
可以设置多个属性值，用";"隔开

自定义属性

自定义属性

自己定义属性名，属性值
自定义属性用得不多

自定义数据属性

用于存储页面或应用程序的私有自定义数据
data-* 属性包括两部分：
a.“*”表示自定义的属性名，在data-之后必须包含至少一个字符
b.属性值可以是任何字符串
c.在小程序中用得多

苦涩2020

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5 基础知识

文章目录什么是HTML？HTML5 的新特性什么是HTML？HTML 是用来描述网页的一种语言HTML 指超文本标记语言（Hyper Text Markup Language）HTML 不是编程语言，是一种标记语言HTML5 的新特性用于绘画的canvas标签用于媒介回放的video和audio元素对本地离线存储的更好支持新的特殊内容元素如：calendar、date、time...
复制链接

扫一扫