HTML 팁 공유: 코드 의미화

Html의 각 태그에는 고유한 의미가 있으며, 의미론을 통해 적절한 위치에 적절한 태그를 사용하여 사람과 기계를 더 잘 이해할 수 있습니다(기계는 브라우저와 검색색인엔진)은 모두 한눈에 알 수 있습니다.

제 설명이 명확하지 않다면 구글에 문의해주세요.

올바른 태그를 올바른 위치에 사용하는 방법은 무엇입니까? 이것은 간단한 이해 논리입니다. 예를 들어, h1~h6 태그는 순서가 없는 목록을 위한 것이고, ol은 목록을 위한 것입니다. 🎜>dl은 목록을 정의하는 데 사용됩니다. em, 강력한 태그는 강조에 사용됩니다... 직설적으로 말하면 각 Html 태그 는 영어 정의에 따라 결정됩니다. 의미론(이 기사의 뒷부분에 참고용으로 일반적으로 사용되는 HTML 태그의 영어 정의 비교표를 넣을 것입니다.) 인간과 기계 모두에게 분명한 것은 HTML 페이지가 의미론적인지 확인하는 것이 가장 좋습니다. 최적화 방법은 페이지에서 Css 링크를 제거하여 웹페이지 구조가 올바른지, 페이지의 가독성이 여전히 좋은지 확인하는 것입니다. 브라우저에 기본 스타일이 있다는 것을 모두가 아는 이유는 무엇입니까? (Chrome의 Chrome 플러그인이나 Firefox의 웹 개발자 플러그인인 용 웹 개발자 도구(예: h1~h6)를 사용하는 것이 좋습니다. 굵게/글꼴 크기를 순차적으로 감소 작은 여백, 위쪽 및 아래쪽 여백의 기본 스타일인 ul, ol 및 dl에는 모두 기본 글머리 기호가 있고 강한 스타일은 기본적으로 굵은 스타일을 갖습니다... 따라서 같은 페이지에서 Html은 다음과 같습니다. 좋은 의미 체계는 페이지에서 제거될 수 있습니다. Css 여전히 잘 수행되고 있습니다. 또 다른 요점은 좋은 의미론적 코딩이 검색 엔진에 더 친숙하다는 것입니다. 검색 스파이더는 CSS를 모르지만 Html 태그를 인식할 수 있습니다.다음은 간단한 예입니다.

	Mr.Think的博客
	专注Web前端技术,热爱Php,崇尚简单生活的凡夫俗子.
	Mr.Think的博客
	专注Web前端技术,热爱Php,崇尚简单生活的凡夫俗子.

위의 간단한 예제와 CSS 정의가 없는 렌더링을 통해 둘 사이의 차이점을 이해할 차례입니다. 글, 바닥글, 사이드바, 기사 및 기타 요소는 모두 새로 추가된 시맨틱 태그입니다. HTML 코딩 시맨틱은 고품질 프런트엔드 개발을 향한 한 걸음입니다. 이는 웹 표준을 더 잘 준수한다는 의미이며, 스타일을 제거한 후에도 페이지를 순서대로 유지할 수 있다는 의미입니다. 시맨틱에 대한 소개. Google에서 직접 검색하거나 Adang의 "웹 프론트엔드 개발의 육성" 3장을 읽어보세요.

첨부: 중국어와 영어 태그 의미 비교표(

지원되지 않는 태그는 줄을 삭제하세요. HTML5로)

标签名	英文全拼	中文翻译
a	anchor	锚
abbr	abbreviation	缩写词
acronym	acronym	取首字母的缩写词
address	address	地址
b	bold	粗体
big	big	变大
blockquote	block quotation	区块引用于
br	break	换行
caption	caption	标题
center	center	居中
dd	definition description	定义描述
del	delete	删除
p	pision	分隔
dl	definition list	定义列表
dt	definition term	定义术语
em	emphasized	加重
fieldset	fieldset	域集
font	font	字体
h1~h6	header1~header6	标题1~标题6
hr	horizontal rule	水平尺
i	italic	斜体
ins	inserted	插入
legend	legend	图标
li	list item	列表项目
ol	ordered list	排序列表
p	paragraph	段落
pre	preformatted	预定义格式
s	strikethrough	删除线
small	small	变小
span	span	范围
strong	strong	加重
sub	subscripted	下表
sup	superscripted	上标
u	underlined	下划线
ul	unordered list	不排序列表
var	variable	变量

위 내용은 HTML 팁 공유: 코드 의미화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!