标签语义化

最新推荐文章于 2017-03-26 14:51:53 发布
最新推荐文章于 2017-03-26 14:51:53 发布
阅读量373 收藏 1
点赞数
分类专栏： 前端自学总结 HTML 文章标签： html 标签 语义化 标签语义化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lianglizhong1991/article/details/51892963
版权

    正确理解好标签语义化对于网页开发来说很重要，那到底什么是标签语义化呢？简单的来讲，标签语义化是指明白各个标签的作用和用途，即清楚在什么情况下地使用该标签合理？

标签语义化的好处：

1.更容易被搜索引擎收录；

2.更容易被屏幕阅读器读出网页的内容；

lianglizhongblog
关注
专栏目录
XHTML标签语义化介绍
09-28
XHTML标签语义化的知识点主要涉及以下几个方面： 1. 什么是XHTML标签语义化： XHTML标签语义化是指在使用XHTML进行网页编写时，选择合适的标签来表达内容的含义，使得网页不仅在视觉上呈现良好，同时在结构上对搜索...
浅谈html语义化标签,Html5新增语义化标签
anang1264的博客
02-04 226
　　Html语义化标签,Html5新增语义化标签 自己在学习的期间,整理了下html关于语义化标签的一些知识,列的不是很全. 希望大家有新的见解可以给我留言,我会补充上去,谢谢大家 1.什么是语义化标签? 那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下我可以使用这个标签才合理）比如， 网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使...
网页标签语义化
青枫浦
12-11 360
本文转自 携程UED 原作者：Dailey HTML的语义化 “用合理HTML标记以及其特有的属性去格式化文档内容”—这是舒克对语义化标签的解释，能不用<div>的地方不用<div>，因为<div>是无语义的标签，原本单词是division，为分隔、区块的意思，一般只用在架构html的地方，在(x)html以前的版本。不过怎样才能写出语义化的标签？从基础入手吧，每天跟我们打交道的最多的就是d
HTML标签语义化的介绍
09-28
HTML标签语义化是网页开发中的一个重要概念，它关乎到网页内容的结构和可读性，以及搜索引擎优化（SEO）等多个方面。语义化标签的主要目的是使HTML代码更加清晰、准确地表达文档内容的结构和意义，而不是仅仅依赖CSS...
语义化 H1 标签
10-30
### 语义化H1标签的重要性与应用技巧 #### 一、引言 在现代网页设计与开发过程中，语义化的HTML标记对于提高网站的可访问性、优化搜索引擎排名（SEO）具有重要意义。其中，H1标签作为最重要的标题标记之一，在网页...
关于width=100%时会出现滚动条的情况
热门推荐
lianglizhongblog
03-02 2万+
我们常常会看到一些网页永远都是充满屏幕的，不会出现水平方向的滚动条，那这些灵活的页面布局是怎样做到的呢？而有些出现水平方向的滚动条的页面又是因为什么原因呢？ 例： 1.出现水平方向滚动条的页面及代码： *{margin:0;padding:0;} #box{width:100%;background:black;border:5px solid red;} .box1{w
关于margin重叠的一些理解
lianglizhongblog
03-17 5929
当用margin进行页面布局时，有时会出现margin-top/margin-bottom没有效果的情况或者说没有按照我们“原以为”的效果，在查找BUG时，我们往往却没有意识或者了解到这其实是因为margin出现了重叠的原因： 一、相邻元素margin重叠： 效果： 如果按照我们的原来的“设想”，两个段落之间的距离应该是2em，但是效果却显示的是1em，这是因为第一段的mar
关于JavaScript中函数的定义、对象以及对象实例化的理解
lianglizhongblog
03-25 3401
趁近段时间不是很忙，把之前有关JS学习的一些笔记整理了一下： 函数的定义：通俗点来讲，函数是由事件驱动或者它被调用时执行的可重复使用的代码块。在JS中，函数的定义方式通常有以下几种： （1）function语句（函数声明）： 语法：function函数名（参数1，参数2…）{函数体} 例：function test（a，b）{ return（a+b）； } （2）函数表达式，又称函数字面量： 语法：var 变量名=function（参数1，参数2…）{函数体} 例：v
关于CSS中继承、特殊性、重要性、层叠的理解
lianglizhongblog
08-02 1171
CSS继承: CSS的某些样式是具有继承性的，那么什么是继承呢？简单的来说，继承就是应用样式的元素的后代会继承样式的某些属性。 例：p{color;blue;} <p>我爱<span>前端开发</span>。</p> 显示的效果为：p中的文本和span中的文本都被设置为了蓝色，即<span>标签继承了<p>标签的样式（注：有些CSS样式是不具有继承性的，如：边框、边界、背景、定位、布局等） 注：继承的好处在于恰当地使用继承可以减少代码中的选择器
关于分组选择符
lianglizhongblog
08-02 1153
作用：为html中多个标签元素设置同一个样式 语法：h1,span{font-size:20px} 相当于下面两行代码 h1{font-size:20px} span{font-size:20px} <!DOCTYPE> <html> <head> <meta http-equiv="content-type' content-type="text/html" charest="utf-8"> <title>分组选择器</title>
HTML 文本格式化-文字方向（<bdo>标签）
lianglizhongblog
07-13 1094
文字方向是指从左到右还是从右到左。 例： My name is lianglizhong 显示效果为： 以上例子是从右到左，那如果从左到右呢： .gnohzilgnail si eman yM 显示效果为： 可见没什么变化。原因有可能是：没人那么傻会这样输入。。。。。。
网站与用户进行交互——表单form
lianglizhongblog
07-27 924
表单可以让网站与用户实现交互：表单通过用户输入的数据信息传送到服务器端，这样服务器就可以处理表单传送过来的数据。 1. 语法：<form method=“传送方式” action=“服务器文件”> 注意点：A.<form></form>是成对出现的； B.传送方式有：get/post； C.action：用户输入的数据被传送到的地方，例如一个PHP页面（save.php） 2. 文本输入框、密码输入框 当用户要在表单中键入字母、数字等内容时，就会用到
关于JS中作用域的一些理解
lianglizhongblog
03-26 844
所谓的作用域，一句话概括就是：变量在声明它们的函数体以及这个函数体内嵌套任何的函数体内都是有定义的。 由于函数本身也是一个变量，所以它也有作用域，函数的作用域和变量的作用域一样，也是声明其定义时所在的作用域，与运行时无关，即函数的作用域在函数体内的变量声明之前就可用了。
关于变量的传递方式
lianglizhongblog
03-26 738
在JS中，变量到底是按值传递还是按引用传递的呢？要弄清楚这个问题，我们得首先熟悉下面的一些概念： 在JS中，数据类型分为基本类型值（Undefined；Null；Boolean；Number；String）和引用类型值（即对象类型：Object、Array、Function、Date等） 那什么是按值传递呢？举个例子： 例： var a=1; var b=a; console.log(b);//1 这个例子很好理解，我们都知道a的值是1，然后把a的值赋予给b，所以b也是1，但是这个两个1是相互独立的，b中的
这几天的自学总结汇总
lianglizhongblog
07-20 734
1.<body></body>里面的内容是网页显示的内容； 2.<hx>标签在<body></body>里面； 3.同时设置不同段落的字体大小和颜色： 例：让第一个段落和第二个段落的font-size都为16px。请不要为第二个段落添加 class 属性。 <style> .color{color:red;} P{font-size:16px;} </style> <pclass=“.color”>…</P> <p>,,,</p> 注：1.“.color”中的“.”不能少； 2.分号“;
关于圣杯布局和双飞翼布局
lianglizhongblog
03-24 692
圣杯布局和双飞翼布局讲的都是三栏布局，其中两栏固定，中间自适应，两者显示的效果是一致的；另外由于没有使用绝对定位position:absolute，所以可以避免发生当页面内容比较多的时候用绝对定位导致的页面布局混乱到处飞的情况：
对CSS中各个选择器的一些总结
lianglizhongblog
08-02 542
类选择器: 语法：类选择器名称{CSS样式代码;} 注意：A.英文原点开头； B.类选择器名称可以任意起（除中文名外），但第一位不能为数字； 用法：用合适的标签把要修饰的内容标记起来，然后再该标签的开始标签里面使用class="类选择器名称"为标签设置一个类 <span class="类选择器名称">要修饰的内容</span> C.可以与元素选择器进行结合一起使用：p.stress{}（效果：此stress样式只对文档中所有的段落起作用，对标题等不起作用）
关于CSS布局
lianglizhongblog
03-02 529
CSS三大定位机制：标准文档流、浮动布局、绝对定位布局。 一、标准文档流： 1.特点：从上到下，从左到右输出文本。 标准文档流里面又分两种情况，即块级元素和行级元素，也可以说标准文档流是由块级标签和行级标签组成的。 块级元素特点：从左到右撑满页面，独占一行，触碰到页面边缘时会自动换行，常见的块级标签有div、ul、li、dl、dt、p…。 行级元素特点：能在同一行显示，不影响HTML文档结构：例： A.<span>专注前端100年</span> B.<span>专注<strong>前端</s
样式的位置
lianglizhongblog
07-15 444
W3school中的例子： h1{color:red} p{color:blue} 我的第一个标题 我的第一个段落。 关键点：1.    ，即一定要记得要有结束标签；                  2.样式在需要修改的内容的前面，可以放在里面，也可以放在里面，W3school里面的例子是放在里面,然后自己联想是不是只要在修改的内容的前
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值