分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

HTML知识点

发布时间:2023-09-06 01:08责任编辑:白小东关键词:HTML

1、doctype是什么,举例常见doctype及特点

  1. <!doctype>声明必须处于HTML文档的头部,在<html>标签之前,HTML5中不区分大小写
  2. <!doctype>声明不是一个HTML标签,是一个用于告诉浏览器当前HTMl版本的指令
  3. 现代浏览器的html布局引擎通过检查doctype决定使用兼容模式还是标准模式对文档进行渲染,一些浏览器有一个接近标准模型。
  4. 在HTML4.01中<!doctype>声明指向一个DTD,由于HTML4.01基于SGML,所以DTD指定了标记规则以保证浏览器正确渲染内容
  5. HTML5不基于SGML,所以不用指定DTD

SGML 是标准通用置标语言    Standard Generalized Markup language

2、常见的块元素和行内元素

   1、块级元素 :<div>, <p>, <h1>, <form>, <ul> 和<li>

   2、行内元素:span img input select strong

3、常见的空元素: ?<br> <hr> <img> <input> <link> <meta>

区别:1、行内元素会在一条直线上排列,都是同一行的,水平方向排列,块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。

          2、块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

          3、行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效

   为什么img 和 input 都是行内元素还可以设置宽度呢?

   因为他们是空元素,也叫做可替换元素,这些元素往往没有实际的内容,即是一个空元素,替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。如果img不指定w 和 h ,就按照其内在尺寸来显示。img 即为原始的图片大小,input 和 type 以及浏览器的默认样式有关

      

3、什么 是 HTML 语义化?

 ?用正确的标签做正确的事情。
?html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析; ?即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的; ?搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO,便于收录; ?使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。


4、想到再慢慢写----




HTML知识点

原文地址:http://www.cnblogs.com/wanonder/p/7472339.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved