HTML常见问题

HTML语义化

解释：用正确的标签做正确的事
作用：

对人，增强可读性，便于开发人员理解网页内容和样式
对机器，利于SEO和网络爬虫爬取信息，利于读屏软件

常见语义化标签
<p>,<header>,<address>,<footer>

移动端`<meta viewport>`

<meta name="viewport" content="width=device-width,initail-scale=1.0,maxinum-scale=1.0,mininim-scale=1.0,user-scalable=no">

width=device-width,屏幕宽度
initail-scale,初始比例
maxinum-scale最大比例
mininim-scale最小比例
user-scalable是否允许用户缩放

块级元素、行内元素、空元素

CSS规定，元素的display属性决定元素时块级元素或行内元素。块级元素为block，行内元素为inline，本身没有内容的为空元素
常见块级元素div,p,li,ul,ol
常见行内元素span,b,img,input
常见空元素input,img,br,hr

文档标记类型

<!DOCTYPE>
文档标记类型，用于声明正确的HTML版本，便于浏览器解析执行
标准模式和兼容模式

标准模式
浏览器最高标准执行
兼容模式
浏览器向后兼容，模拟老式浏览器的行为，防止网页错误

为什么HTML5为<!DOCTYPE>
HTML5不引用DTD，但也需要规范文档

SEO的方法

搜索引擎优化（Search Engine Optimization）

合理的title,description,keywords，权重值主键减小
语义化HTML，符合W3C标准，重要的HTML放在前面
重要内容不使用Js输出
不使用iframe
网站提速

`iframe`

HTML5新增，内联框架
缺点

不利于SEO爬取
阻塞主页面的onload事件，onload事件需要等iframe加载完后触发，可动态设置src来解决
与主页面共享连接池，影响性能

替代
Ajax

区分标签

title,h1
均是标题样式
title单纯的标题
h1有层次分明的标题
b,strong
b加粗显示
strong语气强调
i,em
i斜体样式
em语气强调
input和textarea

input是单行空元素，textarea多行闭合元素
input可自定义类型，textarea只能文本

`html`和`htm`

没有本质区别，用于不同环境

html在Linux系统下
htm兼容早期DOS系统（8+3）

DTD

文档定义类型（Document Type Definition）
约束通用标记语言

来源：CSDN

作者：代码写的完嘛

链接：https://blog.csdn.net/qq_40781291/article/details/104604885

标签

html语言

html代码

iframe