HTML5基础内容(二)
HTML(HyperText Markup Language)超文本标记语言
一、HTML注释
元素就是标签,标签就是元素。
注释中的内容不会在页面中显示,但是可以在源码中看到。
可以通过编写注释来对代码进行描描述,从而帮助其他工作人员开发。(注释要简洁明了)
方法:可以选中HTML代码,然后Ctrl + / 键。
HTML注释:<!-- 需要注释的内容 -->
二、HTML标签属性
通过属性来设置标签如何处理标签的内容。
属性只能在开始标签中添加,实际上就是一个名值对结构(属性名 = "属性值");
一个标签中可以设置多个属性,属性之间用空格隔开,各个属性不分先后。
三、HTML文档声明
HTML发展历史
1993年6月:HTML第一个版本发布;
1995年11月:HTML2.0;
1997年1月:HTML3.2;
1999年12月:HTML4.0.1;
2000年底:XHTML1.0;
2014年10月:HTML5;
DOCTYPE声明
为了告诉浏览器网页所使用HTML版本。声明当前网页是按照HTML5的标准编写的,编写网页时一定要将HTML的声明编写文档最上面。如果不写文档声明则会导致有些浏览器进入怪异模式(浏览器解析页面会导致页面无法正常显示),所以为了避免这种状态一定要写文档声明。
HTML5的文档:<!DOCTYPE html>
四、HTML乱码问题
乱码出现的原因:计算机只能识别0或1;
在计算机中保存任何内容,最终都会转换成 0 或 1 ,包括网页中的内容。
在读取内容的时候,需要将进行二进制编码,将其转换为正确的内容。
编码:依据一定的规则,将字符转换成二进制编码的过程。
解码:依据一定的规则,将二进制编码转换成字符的过程。
字符集:编码和解码所采用的规则叫做字符集。
常见字符集:
ASCⅡ、GB2312(中文系统默认编码)、GBK、UTF-8(支持世界上所有的字符);
产生乱码的根本原因:编码和解码所采用的字符集不同。
五、HTML常用标签
1、标题标签:<h1></h1> ~ <h6></h6>
在显示效果上h1最大,h6最小。重视的是标签的语义(语义化标签)。
六级标签中,h1表示网页最主要的内容最重要;h2~h6重要性依次降低
h1标签的重要性仅次于title标题,搜索引擎检索完title之后,会立即查看h1中的内容。
2、段落标签:<p> </p>
表示内容的一个段落
p中的文字会默认独占一行,并且段与段之间会有一个间距。
3、换行标签:<br>
在HTML文档中再多的空格最后也会只显示一个,换行也会当成一个空格。
可以使用<br>来实现换行。
4、分割线标签:<hr>
实现页面分割线效果
六、HTML实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
实体的语法:$实体的名字;(如:空格—$nbsp; <—$lt; )
浏览器检测到实体时,将会自动将实体转化为相应的字符。
更多详细内容可以查询
https://www.runoob.com/html/html-entities.html
HTML5基础内容(二)的更多相关文章
- HTML5 基础内容(元素/属性/格式化)
HTML基础 1.HTML元素 1.1 元素指的是开始标签到结束标签的所有代码. 1.2 元素的内容是开始标签与结束标签之间的内容. 1.3大多数HTML元素可用有属性. 1.4标签可以拥有属性为元素 ...
- web 基础(二) HTML5
web 基础(二) HTML5 一.HTML5 HTML5 是最新的 HTML 标准.是专门为承载丰富的 web 内容而设计的,并且无需额外插件.它拥有新的语义.图形以及多媒体元素.并提供的新元素和新 ...
- ROS_Kinetic_05 ROS基础内容(二)
ROS_Kinetic_05 ROS基础内容(二) 1. ROS节点node 官网教程:http://wiki.ros.org/cn/ROS/Tutorials/UnderstandingNodes ...
- html5 基础入门
html5 基础入门 前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队. 如果从狭 ...
- SpringBoot 基础(二)
目录 SpringBoot基础(二) 一.操作数据库 1. SpringBootJdbc 2. SpringBoot 整合 Mybatis 3. SpringBott 使用JPA 二.使用 Thyme ...
- 【C++自我精讲】基础系列二 const
[C++自我精讲]基础系列二 const 0 前言 分三部分:const用法.const和#define比较.const作用. 1 const用法 const常量:const可以用来定义常量,不可改变 ...
- html5基础的常用的技巧
html5基础的常用的技巧 1. 新的Doctype声明 XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明. <!DOCTYPE html PUBLIC &quo ...
- HTML5基础知识及相关笔记
HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...
- web前端学习python之第一章_基础语法(二)
web前端学习python之第一章_基础语法(二) 前言:最近新做了一个管理系统,前端已经基本完成, 但是后端人手不足没人给我写接口,自力更生丰衣足食, 所以决定自学python自己给自己写接口哈哈哈 ...
随机推荐
- c语言字串指针 char*
c语言中 char* 不仅能存字符串,还能存二进制数据,所以它的用途因使用者而定. char* 在很多使用场景下,是需要存储ascii码为0的元素的,这样就必须注意一个问题,那就是char*的长度. ...
- junper防火墙之自摆乌龙
Juniper防火墙划分三个端口: 1.E0/0连接内网网络,网段是172.16.1.0/24,E0/0的端口ip地址是172.16.1.1,作为内网网络的网关 2.E0/1连接DMZ区域,网段是17 ...
- Neither abstinence nor excess ever renders man happy
inch.n. 英寸 courageous.adj.勇敢的 porcelain.n.瓷器 adj.脆的 inventor. n. 发明者 trivial.adj. 不重要的 grove.n.小树林,果 ...
- kettle入门大数据管理工具
研究 kettle 的使用 大佬博客:https://www.cnblogs.com/mq0036/p/9238646.html 国内镜像下载:http://mirror.bit.edu.cn/pen ...
- 【VS开发】使用WinPcap编程(1)——获取网络设备信息
pcap_if_t是一个interface数据结构,表明网络接口的信息.网络接口就是interface,就是我们用来上网的设备,一般为网卡,还有一些虚拟网卡也算作这样的接口.它的结构如下: struc ...
- [转帖]CGI与ISAPI的区别(转)
CGI与ISAPI的区别(转) 不知道原始网站是哪个 博客园里面也是转帖的 https://www.cnblogs.com/eret9616/p/8515095.html 不过我还是不了解CGI和IS ...
- Java数据结构之单向环形链表(解决Josephu约瑟夫环问题)
1.Josephu(约瑟夫.约瑟夫环)问题: 设编号为1,2,… n的n个人围坐一圈,约定编号为k(1<=k<=n)的人从1开始报数,数到m 的那个人出列,它的下一位又从1开始报数,数到m ...
- 在SSIS包中使用 Checkpoint从失败处重新启动包[转]
使用SSIS做ETL的过程中会遇到各种各样的错误,对于一些大数据量的Job失败以后我们不希望重新运行,因为重新运行的时间开销是非常大的,我们只希望从失败的部分开始运行,这样可以省去很多的时间. SSI ...
- 取石子游戏 HDU 1527 博弈论 威佐夫博弈
取石子游戏 HDU 1527 博弈论 威佐夫博弈 题意 有两堆石子,数量任意,可以不同.游戏开始由两个人轮流取石子.游戏规定,每次有两种不同的取法,一是可以在任意的一堆中取走任意多的石子:二是可以在两 ...
- (ES6)数据处理常用工具方法收集(更新状态: on)
1. 扁平数组转成tree结构(来源: StackOverflow的印度老哥写的) // Data Set // One top level comment var comments = [{ id: ...