• :一大波赠书活动正式来袭!满足条件的小伙伴每人赠送一本书,只限前100名!小伙伴们赶紧到碗里来!查看详情

1.16 训练题(1)之匹配HTML标签

经过HTML入门教程的学习,我们知道,HTML标签标签一般被尖括号包围,如<title>、<a>、<input>等。大家试着写一个能够匹配HTML标签的正则表达前出来,然后再跟下面标准答案对比一下,看看你正则表达式掌握得如何了。

代码:

 
<[a-zA-Z][^>]*>

分析:

  • ① <匹配HTML标签的左尖括号;
  • ② [a-zA-Z]可以匹配一个英文字母,它匹配HTML标签中除去左尖括号的第1个字符;
  • ③ [^>]*可以匹配空字符串,或者除去右尖括号之外的任何字符组成的字符串;
  • ④ >匹配HTML标签的右尖括号;
  • ⑤ [a-zA-Z][^>]*匹配HTML标签的名称。

使用正则表达式测试工具验证效果如下:

正则表达式匹配HTML标签

对于能匹配的字符串,工具以高亮形式表现出来。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

如果你想要获取更多学习资料,或者在学习过程中遇到疑问想要得到跟教程一样最优质的解答,请通过以下方式关注我们:

(1)官方微博:

(2)新手Q群:69660533(暗号:lvye)(建议初学前端的加)

(3)官方Q群:457631216(暗号:lvye)(建议有JS基础的加)

(4)绿叶论坛:进入论坛

(5)常见问题:绿叶学习网常见问题解答

回到顶部