[HTML基本知识点，入门选手]

一、HTML 注释1. 特点注释内容会被浏览器忽略不会呈现在页面中但在源代码中依然可见。2. 作用对代码进行解释和说明便于阅读与维护。3. 写法4.注释不可以嵌套下面是错误写法注意在code中可用ctrl和/快速打出!-- --二.文档声明1.作用告诉浏览器当前的网页版本2.写法旧要依网页所用的HTML版本而定写法有很多具体可参考W3C官网-文档声明了解即可千万别背新一切都变的简单了W3C推荐使用HTML5的写法!DOCTYP html!DOCTYPE HTML!doctype html3.注意文档声明必须在网页的第一行且在html标签的外侧三.字符编码1.计算机对数据的操作:储存时对数据进行编码读取时对数据进行解码2.编码解码会遵循一定的规范--字符集3.常见的字符集了解ASCII大写字母小写字母数字一些符号共计128个ISO 8859-1在ASCII基础上扩充了一些希腊字符等共计256个 GB2312继续扩充收录了6763个常用汉字682个字符GBK收录了的汉字和符号达到2000支持繁体中文UTF-8万国码包含世界上所有语言的所有文字与符号——很常用4.使用规则原则1储存时务必采用合适的字符编码。否则无法储存数据会丢失原则2储存时采用哪种方式编码读取时就必须采用相同方式否则数据错乱乱码所以我们编写html文件时也都统一用UFT-8编码5.总结平时写代码时统一用UTF-8编码最稳妥为了让浏览器在渲染html文件时不犯错可以通过meta标签配合charset属性指定字符编码headmeta charsetUTF-8//head四.设置语言1.主要作用让浏览器显示对应的翻译提示有利于搜索引擎优化2.具体写法html langzh-CN五.HTML标准结构1.标准结构输入随后回车即可快速生成标准结构生成的结构中有两行针对移动端暂时用不到推荐几个好用的网站W3C W3School MDN(主推)六.排版标签1.标签名h1~h6意味着标题p是段落div没有任何含义用于整体布局收放注意h1最好写一个h2和h6可以适当多写常用的是h1~h3h1~h6不能相互嵌套h1标签中最好不要写h2标签了p标签很特殊它里面不能有h1~h6,p,div标签了有规律不能写块元素七.语义化标签1.语义含义h1~h6 语义含义 标题p 语义含义 段落div 没有语义含义语义化标签默认的效果不重要语义最重要2.概念用特定的标签去表达特定的含义3.原则标签的默认效果不重要后期可以通过CSS随便控制效果语义最重要举例对于h1标签效果是文字很大不重要语义是网页主要内容很重要4.优势代码的可读性强清晰有利于SEO搜索引擎优化爬虫 代码 机器人方便设备解析屏幕阅读器盲人阅读器5.理解如果有一天你想用h1了最好不是因为他的默认效果而是他的语义——主要内容如果有一天你想用p了最好不是因为他的默认效果而是他的语义——段落解析八.块级元素与行内元素1.块级元素特点独占一行排版标签都是块级元素2.行内元素特点不独占一行 目前只学了input3.规则块级元素中能写行内元素块级元素几乎什么都能写行内元素中能写行内元素但不能写块级元素特殊h1~h6不能互相嵌套p中不要写块级元素九.常用的文本标签1.用于包裹词汇短语等2.通常写在排版标签里面3.排版标签更宏观大段的文字文本标签更微观词汇短语4.文本标签通常都是行内元素十.不常用的文本标签十一.图片标签1.基本使用总结1.像素px是一种单位2.尽量不同时修改图片的宽和高可能会造成图片的比例失调3.暂且认为img是行内元素4.alt属性的做用搜索引擎通过alt属性得到图片的内容——最主要的内容当图片无法展示时有些浏览器会呈现alt属性的值盲人阅读器会朗读alt属性的值