网页前端开发之HTML标签语义(web前端开发网页代码)

html标签的设计都是有语义考虑的，下表是部分标签的全称和中文翻译。
标签名英文全拼中文翻译divdivision分隔spanspan范围olordered list排序列表ulunordered list不排序列表lilist item列表项目dldefinition list定义列表dtdefinition term定义术语dddefinitiion description定义描述deldeleted删除insinserted插入h1~h6header 1 to header 6标题1到标题6pparagraph段落hrhorizontal rule水平尺aanchor锚abbrabbreviation缩写词acronymacronym取首字母的缩写词addressaddress地址varvariable变量prepreformatted预定义格式blockquoteblock quotation区块引用语strongstrong加重ememphasized加重bbold粗体iitalic斜体bigbig变大smallsmall变小supsuperscripted上标subsubscripted下标brbreak换行centercenter居中fontfont字体uunderlined下划线sstrikethrough删除线fieldsetfieldset城集legendlegend图标captioncaption标题
其中，div和soan其实是没有语义的，它们只是分别用作块级元素和行内元素的区域分隔符。
如何确定你的标签是否语义良好
判断网页标签语义是否良好的一个简单方法就是：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。
语义良好的网页去掉样式后结构依然很清晰。
同样的设计图，不同的html标签可以通过不同的css实现同样的页面，但语义不好的css布局和语义良好的css布局在去样式后的表现却可能截然不同。
如果选用的标签几乎全是不带语义的，那么在去样式后网页中几乎看不到任何结构信息，可读性非常差；如果选用的都是语义适合的标签，去样式后网页依然具有非常好的可读性。



新乡网站建设技术实践：前端设计趋势分析
企业网站推广可以从哪些方面着手？
网站流量突然下降是怎么回事？
做SEO多久才能看到效果？
新站容易存在的缺陷问题
网站设计中如何把握页面设计风格？(网站设计数据库如何实现)
果断收藏：用户体验在seo优化后是否有效？
如何理解客户眼里的网站建设要简约，大气，上档次？