文档类型字符集即HTML标签的语义化
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>啦啦啦</title></head><body>666</body></html>
在上面的代码中
<!DOCTYPE >用于介绍所使用的html版本。此处<!DOCTYPE html>为html5版本。
<html lang="en">中lang表示所用语言,en代表英语,实力开发中一般不带lang,utf-8是目前最常用的字符集编码方式,常用的还有gdk和gb2312
gb2312简体中文,包含6763个汉字
BIG5 繁体中文,港澳台等使用
GBK包含全部的中文字符,是GB2312的拓展,加入了对繁体字的支持,兼容GB2312
UTF-8包含全世界所有国家需要用到的字符
在看法中我们基本上都是用UTF-8
HTML标签的语义化
什么是html标签的语义化呢,就是指标签的含义。例如下面一段话
我们一眼就可以看到“历史沿革”,“地名由来”,“建制沿革”这些类似于小标题的东西,这边是html语义化
使用HTML语义化,即在合适的位置,方入合适的小标签,让文本便于观看。
这样有以下几点好处:
1.方便代码的阅读和维护
2.同时让浏览器或是网络爬虫可以很好地解析,从而更好地分析其中的内容。
3.使用语义化标签会就有更好的搜索引擎优化
实现HTML的语义化其实很简单个,其核心是:在合适的地方使用合理的标签。
判断语义化是否良好只需要去打掉css后,只需要网页结构依然组织有序,并具有良好的可读性。即一眼望去便知道哪里是重点,结构是什么样的,内用是干啥的
文档类型字符集即HTML标签的语义化相关推荐
- Web前端学习笔记01:Web标准_HTML_lang_字符集_HTML标签的语义化
文章目录 1认识WEB 1.1 认识网页 总结 1.2 浏览器(显示代码) 1.2.1 查看浏览器占有的市场份额 1.2.2 常见浏览器内核(了解) 1.3 Web标准(重点) 1.3.1 为什么要遵 ...
- html 的基本结构、标签(分类、关系)、文档类型、页面语言、字符集、语义化
结构代码 <!DOCTYPE html> <html><head> <meta charset="UTF-8"><title& ...
- 新的 HTML5 文档类型和字符集是,前端面试题--HTML5+CSS3(1)
1.CSS3有哪些新特性? 1. CSS3实现圆角(border-radius),阴影(box-shadow), 2. 对文字加特效(text-shadow.),线性渐变(gradient),旋转(t ...
- HTML DOCTYPE 标签 -- DTDs 文档类型声明
来源:http://www.dreamdu.com/xhtml/tag_doctype/ 14.1. HTML DOCTYPE 标签 -- DTDs 文档类型声明 DOCTYPE 标签 -- 定义了标 ...
- 前端:HTML5/36/HTML5简介,文档类型定义,网页字符集,页面结构标记,文章相关的标记,其它标记,音频标记,视频标记,表单中新增的属性,表单input元素type属性的值
HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...
- html4.01文档类型有哪些,HTML 4.01XHTML 1.0标签大全.doc
HTML 4.01XHTML 1.0标签大全 HTML 4.01/XHTML 1.0标签大全 HYPERLINK "http://i52.cc/category/front-end/&quo ...
- XML之文档类型定义和合法性(转)
来至:liang--liang博客:http://www.cnblogs.com/liang--liang/archive/2008/01/15/1039277.html 好牛 XML被作为一种元标记 ...
- 浅谈浏览器标准模式与怪异模式、文档类型
在网页设计制作过程中,新人往往会遇到一个问题,就是浏览器的不兼容问题.这种状况在大学学习过程中会经常遇到,但一直也没有得到很好的解决,今天有机会仔细研究了一下,这是有关浏览器标准模式与怪异模式之间的问 ...
- html加了文档声明之后页面错乱,DOCTYPE 文档类型声明(网页爱好者必看)
DOCTYPE 文档类型声明(网页爱好者必看) 发布时间:2009-11-02 00:59:13 作者:佚名 我要评论 文档类型声明与不声明,将会导致你的css或js都无法正常安装要求显示.所 ...
- 005_html文档类型
1. <!DOCTYPE>声明帮助浏览器正确地显示网页. 2. <!DOCTYPE>声明 2.1. html也有多个不同的版本, 只有完全明白页面中使用的确切html版本, 浏 ...
最新文章
- XMPP文件传输协议笔记
- Elasticsearch深入11 运维
- java高并发(二十一)高并发场景下缓存常见问题
- Nginx rewrite使用
- C/C++查找一定范围内的素数(筛法)
- CPU调度算法——FCFS算法/SJF算法/优先级调度算法/RR算法
- python开发环境及网络基础
- ADO.NET编程(3)在内存中对DataTable进行增/删/改操作
- 解析腾讯云游戏多媒体引擎GME技术方案
- 太强了,头发丝完整保留!一个开源的 Python 实时视频抠图工具
- java最好用的浏览器_国内好的pc浏览器评测
- stm32F407的串口6卡死问题
- 读书笔记-《人人都是产品经理V1.1》
- 如何解决系统更新后Safari Mac浏览器崩溃等的问题!
- 【华人学者风采】李海洲 新加坡国立大学
- root卡开机画面不动了,手机root卡住不动
- 使用spm预处理fMRI数据
- 程序员把妹指南之电脑配置篇
- kd-tree实现KNN
- mysql中ddl和ddm_对话DDM:分布式数据库中间件全解析