HTML基本网页结构

2024-05-09 00:24:16

HTML基本结构

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body></body>
</html>

<!DOCTYPE html> 文档声明

用来告诉浏览器，此网页是根据html规范模块来写的，从而使网页正常显示。

注：如果不写文档声明，则会导致有些浏览器会进入一个怪异模式，浏览器解析页面会导致页面无法正常显示。

HTML板块

HTML称为根标签也称作根元素，一般一个页面只有一个。

主要分为:“头部”<head></head>,“身体”<body></body>两个部分

head部分

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种 meta 信息，并且头部的内容不会在页面展示。

<head><meta charset="UTF-8"><title>Document</title>
</head>

body部分

<body>元素是定义文档的主体。body是用在网页中的一种HTML标签，标签是用在网页中的一种HTML标签，表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容。

<body></body>

title标签

<title>用于定义文档的标题，可以提供页面被添加到收藏夹时的标题、提供显示在搜索引擎结果中的页面标题。

<title>文档标题</title>

meta标签

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

meta标签name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<meta name="属性值" content="描述的内容">

name="Keywords" 关键字

name="description" 描述

charset属性

charset字符集，为了正确显示 HTML 页面，Web 浏览器必须了解页面中使用的字符集。

常用的字符集：

ASCII 美国的

ISO88591 欧洲的

GB2312 中国的

GKB 中国扩充的

UTF-8 万国码

<meta charset="utf-8" />

http-equiv属性

用于网页重定向，可以从当前网页跳转到其他网页。

<meta http-equiv="属性值" content="跳转秒数;url=网址路径" />

HTML基本网页结构相关推荐

SEO笔记—网页结构优化（四）
网页结构优化是页面优化的重点之一,它是对网页内容布局的规划,合理的网页结构能够有效地提高用户体验和搜索引擎的友好性.网页主要包含导航栏.栏目以及正文三部分组成,对网页结构的主要也是围绕这三部分进行的. ...
HTML网页结构化框架、meta标签和语义化标签
1.HTML网页结构化框架代码示例 myhtml.html  <!DOCTYPE html> <!--html的根标签(元素), ...
网页结构的简介和Xpath语法的入门教程
相信很多小伙伴已经听说过Xpath,之前小编也写过一篇关于Xpath的文章,感兴趣的小伙伴可以戳这篇文章如何利用Xpath抓取京东网商品信息以及Python网络爬虫四大选择器(正则表达式.BS4.Xp ...
详解HTML5网页结构
HTML5的网页结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l ...
结构化元素、网页结构和iframe内联框架
1.结构化元素 <header> //表示网页的头部 <footer> //表示网页的尾部 <section> //表示网页的独立区域 <article> ...
JSP房地产门户管理系统myeclipse开发mysql数据库BS模式java编程网页结构详细设计
一.源码特点 JSP 房地产门户管理系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8 ...
HTML初识：网页结构、标签、特殊符号、列表
HTML初识一.网页结构初识二.标签 1.文章标题标签 2.段落标签 3.倾斜标签 4.加粗标签 5.删除线 6.下滑线 7.上/下标签 8.强制换行标签 9.水平线标签三.特殊符号四.列表 ...
系统学习金融数据挖掘之爬虫技术基础（附源代码）（网页结构基础）
个人公众号 yk 坤帝后台回复 python金融基础获取源代码 1. 爬虫基础1 - 网页结构基础 1.1 浏览器F12的运用,以及如何看网页源代码首先安装谷歌浏览器:从官网https://ww ...
使用爬虫时，怎么分析网页结构
爬虫,运行的本质就是模拟人访问网页,只不过不需要通过网页界面进行操作. 因此,要写出爬虫程序,我们就需要了解网页的结构. 以chrome为例,我们打开并分析一个网页的结构,这个网页是爱词霸的翻译界面, ...
python 爬取TripAdvisor评论（曾经可以爬下来，但是似乎网页结构改了，爬不下来了）
TripAdvisor 的爬虫python实现 (曾经可以爬下来,但是似乎网页结构改了,爬不下来了) 这次爬虫分两个大步骤,第一,以评论ID为索引的评论内容文本,所以第一个步骤是按照不同的筛选方法获取 ...

最新文章

热门文章