HTML 理解二:
1.如何理解HTML:
1.1HTML 具有文档 1.1描述文档结构 1,2有区块和大纲 可以和word 类比 是同理的
2.HTML具有语义化 的标签 去编写 而不是这边一个div 那边一个div 对搜索引擎 爬虫 都是不友好的
可以使用开源插件 查看HTML 文档结构
工具https://h5o.github.io/ 查看任何语义化的网也结构的利器
3.HTML版本的变化历史:
XML 可拓展标记语言
SGML 标准通用的标记语言。 HTML4.01以前都是基于这个语言不断的增强的
XML (XHTML)
HTML5 也是基于SGML 语言升级的
4.HTML版本的变化历史:
新区块标签:
section 区块
article 区块
nav 导航
aside
表单增强:
日期,时间,搜索
表单验证
Placeholder autofocus自动聚焦
header 头部
footer 尾部
section/article 都是可以带(标题 评论) 语义化的区块
nav 栏目
aside 不重要内容
em/strong 样式元素 斜体 粗体
i icon 用图标 做图标的
HTML 元素的分类:
1.元素默认的样式, 分类
块级block 元素 默认占据整行
行内元素inline(内联元素) 不会独占一行,很和谐挤在一起 在网页中 可以有不规则的形状的
内联块级元素 inline-block (select HTML 默认是 行内块元素 input 默认是行内块元素的属性 不是很多 主要体现在表单中 存在 input select)
像: 行内元素一样,在一行内 和谐共处 对外像行内元素
但是有具备 块元素的 方块的形状 宽和高
行内元素(inline) 是里外 不是人的东西 (人物化 便于记忆)
对外是行内元素
对内是块元素