HTML 网页开发、CSS 基础语法——三. HTML概念
1.纯文本格式
纯文本格式,就是没有任何文本修饰的,没有任何粗体,下划线,斜体,图形,符号,或者特殊字符,及特殊打印格式的文本,只保存文本,不保存其格式设置。
①格式对比
|
纯文本格式 |
富文本格式 |
|
最常见的是.txt文件。在存储和传输 过程中,只能保存文字,不能保存 格式。 |
与纯文本对应,最常见的是.rtf文件, 类似.doc文件,内部可以保存文本的 样式、图片等。 |
② 纯文本格式的特点
(1) 文件只能保存文本,不保存其他的格式或非文本内容,有利于网络传输。
(2) 所有的纯文本格式文件,可以通过直接更改扩展名的方式更改保存格式。
(3) 纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑。
注:html,css,js文件都是纯文本格式
2. HTML(超文本标记语言)
① Hypertext Markup Language:超文本标记语言。是用来制作网页的一种标记语言。
② HTML是一种纯文本,格式的文件,内部只能书写文字内容,不能添加图片,音频视频等,但是在网页中给用户呈现的效果包含了文字以外的内容,这种效果就是HTML语言区别于其他文件的不同之处。
3. HTML的重要概念
|
超文本 |
标记 |
|
是超级文本的缩写,简单来说超文 本就是用于链接另一个文本或多媒 体内容的文本,比如链接到图片、 链接、音频、视频、程序等。 |
又叫做标签(HTML tag),有特殊的 书写规范,是写给浏览器的一种语法 格式,结合普通的文字信息,实现特 殊的语义或显示内容。在编辑器中可 以编辑和查看,在浏览器中不显示。 |
4.HTML的功能
利用标记给普通的文本添加语义、描述超文本内容,搭建网页的基本结构。
5. 扩展
h1标签的作用是什么?
h1标签负责给文字添加一级标题的语义,不负责样式。
6. HTML的语义化
HTML文件中,如果没有使用特殊语义的标记,也可以实现网页显示效果,但是利用标记给普通的文字添加了不同的语义,能够让网站的结构划分更加清晰。
7. 语义化网页的优势
①方便代码的阅读和后期维护
② 便于浏览器或是网络爬虫更好地解析网站内容
③ 使用语义化标签有利于SEO搜索引擎优化,提高网站的搜索排名
HTML 网页开发、CSS 基础语法——三. HTML概念的更多相关文章
- CSS基础语法(三) CSS的6种特性
样式表常用写法及特性(组合.继承.关联性.权值性.层叠性.重要性) 1.样式的组合:把具有相同声明定义的选择符组合在一起,并用逗号隔开.-例如:段落元素p.单元格元素td和类c1可以使用相同样式: p ...
- css基础语法三
[]伪类选择器] 1.写法: 伪类选择器,在选择器后面,用:分隔,紧接伪类状态: eg : .a:link 2. 超链接的伪类状态: :link - 未访问状态 :visited - 已访问状态 :h ...
- CSS基础语法(一)
目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 ...
- 《网页设计基础——CSS常用语法》
网页设计基础--CSS常用语法 一.注释: 例如: /* 在此处书写注释 */ 二.清除浏览器默认设置: 例如: *{ /* 全局声明 */ margin: 0; padding: ...
- WEB前端开发CSS基础样式全面总结
Web前端开发css基础样式全面总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-2 ...
- Python 基础语法(三)
Python 基础语法(三) --------------------------------------------接 Python 基础语法(二)------------------------- ...
- CSS基础语法与选择器
CSS基础 语法 : <head> <style type="text/css"> 选择器(即修饰对象){ 修饰属性:属性值; 修饰属性:属性值; } &l ...
- Web开发——CSS基础
参考: 参考:http://css.doyoe.com/ 参考:http://www.w3school.com.cn/cssref/index.asp 参考:https://www.w3cschool ...
- css基础-语法篇
CSS基础 1.css简介 cascading style sheets 汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息 ...
随机推荐
- 一招解决微信小程序中的H5缓存问题
一招解决微信小程序中的H5缓存问题1.问题描述开发过程中,为了更新代码方便,往往会在小程序中嵌入H5页面.但问题来了,小程序原生代码更新版本后,简单的从微信中删除或者代码强刷就可以解决缓存问题,但小程 ...
- 熟悉而陌生的新朋友——IAsyncDisposable
本文作者--句幽 在.NET Core 3.0的版本更新中,官方我们带来了一个新的接口 IAsyncDisposable. 小伙伴一看肯定就知道,它和.NET中原有的IDisposable接口肯定有着 ...
- 骨架屏css样式
.chiaroscuro { background: #f2f2f2; animation-duration: 1.5s; animation-name: blink; animation-itera ...
- C#如何调用DOS命令
在使用C#编辑过程中,通常需要利用外部命令来执行一些操作,从而完成特定的功能.下面小编就以利用C#调用DOS命令"Ver"显示系统版本号为例,给初学C#语言的网友讲解一下具体的调用 ...
- css - 样式 - 可见性
visibility 可见性 取值:visible(可见) | hidden(隐藏.保留占位) 设置给:块.行内块.行内元素 作用:设置元素在文档上的可见性 此属性只是隐藏元素,但会为元素保留占位. ...
- web项目中的浏览器行为和服务器行为
package day10.think_about_path; import java.io.IOException; import javax.servlet.ServletException; i ...
- Python代码阅读(第2篇):数字转化成列表
本篇阅读的代码实现了将输入的数字转化成一个列表,输入数字中的每一位按照从左到右的顺序成为列表中的一项. 本篇阅读的代码片段来自于30-seconds-of-python. digitize def d ...
- 微信支付 调用支付jsapi缺少参数total_fee 和 支付验证签名失败 prepay_id配置问题
=======================================================先熟悉一下统一下单api所需要的参数=========================== ...
- 提交Spark作业遇到的NoSuchMethodError问题总结
测试应用说明 测试的Spark应用实现了同步hive表到kafka的功能.具体处理流程: 从 ETCD 获取 SQL 语句和 Kafka 配置信息 使用 SparkSQL 读取 Hive 数据表 把 ...
- MySQL——主从复制
---- 高可用 ---- 辅助备份 ---- 分担负载 复制是MySQL的一项功能,允许服务器将更改从一个实例复制到另一个实例. --主服务器将所有数据和结构更改记录到二进制日志中. --从属服务器 ...