web标准与语义化

article/2025/7/15 13:36:36

一、WEB标准介绍

WEB(World Wide Web万维网)标准是一系列标准的集合。

目的:实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用。

优点:

对于访问者

● 文件下载与页面显示速度更快。

● 内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士)。

● 内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等)。

● 用户能够通过样式选择定制自己的表现界面。

● 所有页面都能提供适于打印的版本。

对于网站所有者

● 更少的代码和组件,容易维护。

● 带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。

● 更容易被搜寻引擎搜索到。

● 改版方便,不需要变动页面内容。

● 提供打印版本而不需要复制内容。

● 提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。

因为网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。

所以标准对应分三种:

1、结构化标准语言主要包括HTML(超文本标记语言)、XHTML(可扩展超文本标记语言)和XML(可扩展标记语言);

HTML:通过标记符号来标记要显示的网页中的各个部分。

XHTML:HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

XML:XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。

2、表现标准语言主要包括CSS(层叠样式表);目的是以CSS取代HTML表格式布局、帧和其他表现的语言。

3、行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

DOM是一种与浏览器,平台,语言的接口,用于访问页面其他的标准组件。DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突(两者是ECMA-262标准的实现和扩展。),给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对象。

ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。


//注:标准大部分由万维网联盟(

World Wide Web Consortium)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association}的ECMAScript标准。

二、WEB语义化

含义:语义化是指使用恰当语义的html标签、class类名等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容。语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用;另一方面它可以让开发人员读懂结构,让用户或屏幕阅读器能够读懂内容。

包含两个方面:html语义化及css命名语义化。

语义化的(X)HTML文档有助于提升你的网站对访客的易用性,比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说,则有助于它们建立索引,并可能给予一个较高的权值。

事实上SEO(搜索引擎优化)最有效的一种办法,就是对网页的HTML结构进行重构,实质上就是语义化。


http://chatgpt.dhexx.cn/article/83FXbO1x.shtml

相关文章

浅谈web语义化

浅谈web语义化 觉得很好的一篇文章,转载过来,原文链接https://www.cnblogs.com/p2227/p/3586725.html web语义化是什么 HTML5标准出来的时候,我曾经诧异为什么要定义这么多header footer nav article标准,DIV不挻好的嘛&#x…

充分了解Web语义化

前言 对于“web语义化”这个词语,我相信只要是从事前端的人都不陌生,从事前端工作在投简历时都会在招聘需求里面看到这句话:“对web语义化有深刻的理解”,当然我本人也是从某公司的招聘需求里看到的这句话,那么到底什…

什么是 web 语义化,有什么好处

什么是 web 语义化,有什么好处 web 语义化是指通过 HTML 标记表示页面包含的信息,包含了 HTML 标签的语义化和 css 命名的语义化。 HTML 标签的语义化是指:通过使用包含语义的标签(如 h1-h6)恰当地表示文档结构 css 命名的语义…

Web语义化

什么是Web语义化? 如今互联网已经到了web3.0时代了,HTML语言在不断的进化并发挥着越来越重要的地位;而我们制作的网页也从当初的table表格嵌套发展到了divcss,这是进步的标志。然而我们似乎看到了一个不太好的想象:整个…

使用pygame开发一个弹幕射击游戏(一)

本文作为开发过程记录用。 目前游戏画面: 下一个添加的功能:敌机可以进行射击。 弹幕类 from pygame.sprite import Sprite from pygame import transform import mathclass Barrage(Sprite):def __init__(self,raiden_settings,screen,ship,enemy,angle…

手机射击游戏中弹幕的开发

射击游戏中弹幕的开发 http://blog.vckbase.com/knight/archive/2005/03/29/4174.html 作者:牛阿牛 2005-02-28 nhf_2008hotmail.com nhf_2003hotmail.com email:nhf20021166163.com 留言:希望能给各位游戏开发一点的介绍;如有问题,请联系. 游戏射击中, boss可能是最重要…

基于C#弹幕类射击游戏的实现——(十)整合

有朋友说只看代码不爽,所以特上传EXE和一张截图,哈哈。 执行文件下载链接:http://pan.baidu.com/s/1pJ5Hg5X http://download.csdn.net/detail/unskytoo/8366523 剩下部分代码,首先是入口,MainForm public partial class MainForm : Form{public MainForm(){//// The In…

DxLib做弹幕射击游戏(二)——画一台敌机

直接看代码: #include "DxLib.h" int WINAPI WinMain( HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow ) {ChangeWindowMode( TRUE ) ;if( DxLib_Init() -1 ){return -1 ;}int gh ;//图像编号int x, y;//坐标x 200;y 1…

DxLib做弹幕射击游戏(一)

DxLib是神马东西?看名字,似乎是M$的DirectX的官方库?NONONO,这货其实是日本人开发出来的一个库,封装了很多DirectX的函数,使开发更方便。这个库在日本那边很流行,很多同人游戏都是使用这个库开发…

【四圣龙神录】 开源仿东方 弹幕射击游戏教程 官网(译)以及国内参考翻译资料

四圣龙神录 官网地址 http://dixq.net/sr/ 引用doujin 上的帖子的介绍 http://bbs.doujinstg.net/simple/?t1478.html 开源仿东方STG-四圣龙神录,带弹幕制作教程60讲,使用C语言DXLib 非常不错的仿东方的STG,网站上面带制作…

重写弹幕射击游戏的记录

项目背景介绍 上大学之后我一直在学习游戏开发,最开始是直接使用Easyx这个绘图库做Dos下的游戏,当时学习了C和数据结构之后正巧有个数据结构课程设计,就心生了要做这个游戏的想法。我算是那种有想法就想着去做的人(有时候也算是缺…

【Unity2D入门教程】简单制作战机弹幕射击游戏⑥最终回扩展其它范围的内容

制作分数和生命的UI: 由于我们前面没有做类似的UI所以这里教大伙一下基本思路: 首先我们创建一个canvas用来创建两个Text用来显示分数和生命的UI 蓝色的是分数黄色的是生命 我们创建一个scoreplay的脚本挂载在text上 using System.Collections; usi…

【Unity2D入门教程】简单制作战机弹幕射击游戏③C#编写 子弹Laser脚本

学习目标: 今天教大伙怎么设置子弹Laser的组件以及编写关于它的脚本 学习组件: 老规矩还是添加一下它的组件用capusle collider2D刚好它还是个圆柱体,别忘了勾选它的isTrigger Rigibody2D的Body Type调成是让它不受重力以及物理碰撞影响&a…

【Unity2D入门教程】简单制作战机弹幕射击游戏⑦番外篇扩展一个大型敌人

布置场景: 我们先按CrtlD复制一个之前创建好的Enemy Prefab,然后更改它的Sprite,我们拖一张素材的图片进来并改变它的Pixel Per Unit让它大其它敌机一倍 由于体型变大了之前的Coliider就不适用了我们要重新删掉之前的再创建一个新的 同样它的…

【Unity2D入门教程】简单制作战机弹幕射击游戏④C#编写 敌人按指定路径以及敌人生成点脚本

前言: 我们前面忘记设置的当敌机和子弹碰到特定的位置(指屏幕外的)就会自动销毁 挂载的脚本Sherred如下 using System.Collections; using System.Collections.Generic; using UnityEngine;public class Shredder : MonoBehaviour {private…

【Unity2D入门教程】简单制作战机弹幕射击游戏⑤C#编写 背景滚动移动以及增加粒子特效

学习目标: 上期结束后我们游戏的主体就已经差不多了,剩下的就要给游戏的真实质感以及可玩性上下大点功夫了,今天我们就从背景滚动移动以及增加粒子特效上出发。 背景滚动制作: 为了让游戏更具真实性的就是让玩家从视觉上感受飞机…

【Unity2D入门教程】简单制作战机弹幕射击游戏② C#编写 Player和Enemy脚本

学习目标: 上期的水平大伙看到我已经写好了Enemy和Player的脚本了,现在就把脚本教给大伙,话不多说搞的不丑 学习内容: 首先是Player的脚本(之前没发现CSDN有这个代码段的,我的我的) using Sy…

【Unity2D入门教程】简单制作战机弹幕射击游戏① 导入素材

学习目标: 今天我们制作一款类似银河战机的游戏导入素材并给它设置一下背景,把素材做成预设体等等 首先先上网找到我们需要的素材 Unity Asset Store - The Best Assets for Game MakingDiscover the best assets for game making. Choose from our mas…

弹幕射击游戏中旋转矩形碰撞检测的算法描述

分离轴法是根据两个多边形的几何中心在任意矢量方向的法线上的投影存在交叉的条件来做出的方法[32]。换而言之,如果可以找出这样一个方向,将两个多边形投影在此方向的法线上的投影不交叉,则说明碰撞未发生,如图5-3所示。 图中A、B…

Cocos2d-x 简单弹幕射击游戏

开发环境 Win10, Cocos2d-x v3.16, Visual Studio 2017, Visual Studio Code 项目阐述 这个游戏是一个小型的弹幕游戏。玩家将控制pipi美,在躲避pop子的子弹之余,射杀pop子。名字打算叫“pop子的深邃黑暗幻想”。 游戏的设计主要借鉴了东方系列的弹幕游…